/* stylesheet for the main navigation menus 
home about etc .. and the categories .. plus the banner */

@media screen and (min-width: 480px){ 
.top-menu{float: none;   width: auto;}
.main-menu{float: none;  width: auto;}
.marquee{float: none;   width: auto;}

}


#MyDiv {text-align:center;}	/*centre align the banner */

.banner { width:350px; } /* size of the banner */



.style1 {
/*styling for the marquee effect in the navigation */
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 21px;
color: #666666;
text-align:center;

}



.top-menu { /*styling for about/home etc */
box-sizing: border-box;
font-family:Andalus;
font-size: 23px;
color:000000;
text-align:center;
letter-spacing:3px;
word-spacing:10px; 
display: flex;
justify-content: center;
margin: auto;
		 }
		 

		 
		 
.main-menu  {/*styling for abstract/animals etc */
box-sizing: border-box;
color:000000;
font-size:18px;
text-align:center;
letter-spacing:2px;
word-spacing:2px; 
margin:auto;}

		 
		 
.footer  {/*styling for the footer - home/privacy/contact */
color:000000;
font-size:18px;
text-align:center;
letter-spacing:2px;
word-spacing:2px; }
		 
hr.hr1 { /*styling for horizonal rules*/
text-align:center;
border:1px dotted #999999; 
width:1200px; 
margin-left: auto;
margin-right: auto;}


hr.hr2 {  /*styling for horizonal rules*/
text-align:center;
border: 1px dotted #999999; 
width:1100px; 
margin-left: auto;
margin-right: auto;}	

hr.hr3 { text-align:center;/*styling for horizonal rules*/
text-align:center;
border: 1px dotted #999999; 
width:1000px; 
margin-left: auto;
margin-right: auto;}


hr.hr4 { /* styling for the footer menu hr*/
text-align:center;
width:500px;         
border: 0;
height: 3px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
margin-left: auto;
margin-right: auto;
	 }	

hr.hr5 { text-align:center;/*styling for horizonal rules*/
 text-align:center;
 border: 1px dotted #999999; 
 width:600px; 
 margin-left: auto;
 margin-right: auto;} 

/* Links for all pages .. all the categories and the main nav links*/

a:link {
text-decoration: none;
color: #000000;
text-shadow:#FFFFFF 1px 1px 2px;
}
a:active {
color: #FF99FF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #FF99FF;
}