/*  style sheet for Blind Sighted by Thomas Tivnen 01/01/2025
It is best not to edit or tweak this style sheet as it deals with cell phone, i-pad, tablet, lap top, desk top size rendering;
A good practice is do a find command (ctrl + f) on the web page and look for class=""
If a problem arises please contact:
thomastivnen@hotmail.com  */

/* table align center   */

.center {
            margin-left: auto;
            margin-right: auto;
        }


.qrcode     {
	width: 150px;
	height: 150px;
	margin: 5px;
}

.slogan     {
	font-size: 20pt;
}


 nav    {
	color: #fff; margin: 20px 20px 20px 10px; background-color: #00499b;
 }

nav a:link              {   color: #fff; text-decoration: none;   }
nav a:visited           {  color: #fff; text-decoration: none;    }
nav a:hover             {  color: #0ff; background: #000;
   
    text-align: center;
    border-color: #fff;
    border-width: 4px;
    border-style: double;     }
nav a:active            { text-decoration: none; color: #fff;     } 




.design    {
			font-family: 'Great Vibes', cursive;
			font-size: 24px;
		}
p.movelogo  {
			text-align: center;
		}
#page-head   {
			padding: 10px 0;
			background: #000;
            position: sticky; 
            top: 0;
            left: 0;
            width: 100%;
            height: 250px;
            z-index: 50;
            color: #ffffff;
		}

body  {   
       
	       margin: 0;
            /*   background-image: url("../images/bkgd1.jpg");   */    
            	background: #000;      
            	font-family: Verdana, Geneva, sans-serif;
                font-size: 14pt;
                color: #000;
                text-align: left;
           }
           
.hideme {
        opacity: 0.0;
}
                      

footer      {
	background-color: #000;
	color: #fff;
	height: 310px;
	width: 96%; 
	border: 15px solid #909090;
	line-height: 15px;
}




.logo   {
	width: 300px;
	height: 200px;
	margin: 0 20px;
}

/*  raise Form box size  */
.formbigger   {
	font-size: 125%;
}



@media screen and (max-width:4200px) and (min-width:3840.01px){
	body  {
		width: 100%; 
		height: auto; margin: 0; 	
	 }	
	 footer    {
		width: 98%;
		font-size: 28px;
		height: 500px;
	}	
	footer h4  {
		font-size: 28px;
	}
	footer p   {
		font-size: 28px;
	}
	footer p img  {
		width: 2%;
		height: 2%;
	}
}

@media screen and (max-width:3840px) and (min-width:3200.01px){
	body  {
		width: 100%; 
		height: auto; margin: 0; 	
	 }	
	 footer    {
		width: 98%;
		font-size: 28px;
		height: 500px;
	}	
	footer h4  {
		font-size: 28px;
	}
	footer p   {
		font-size: 28px;
	}
	footer p img  {
		width: 2%;
		height: 2%;
	}
}

@media screen and (max-width:3200px) and (min-width:2880.01px){
	body  {
		width: 100%; 
		height: auto; margin: 0; 	
	 }	
	 footer    {
		width: 98%;
		font-size: 28px;
		height: 500px;
		border: 16px solid #909090;
	}	
	footer h4  {
		font-size: 28px;
	}
	footer p   {
		font-size: 28px;
	}
	footer p img  {
		width: 2%;
		height: 2%;
	}
}

@media screen and (max-width:2880px) and (min-width:2560.01px){
	body  {
		width: 100%; 
		height: auto; margin: 0; 	
	 }	
	 footer    {
		width: 97%;
		font-size: 28px;
		height: 500px;
		border: 18px solid #909090;
	}	
	footer h4  {
		font-size: 28px;
	}
	footer p   {
		font-size: 28px;
	}
	footer p img  {
		width: 2%;
		height: 2%;
	}
}

@media screen and (max-width:2560px) and (min-width:2200.01px){
	body  {
		width: 100%; 
		height: auto; margin: 0; 	
	 }
	 footer    {
		width: 97%;
		font-size: 28px;
		height: 500px;
	}	
	footer h4  {
		font-size: 28px;
	}
	footer p   {
		font-size: 28px;
	}
	footer p img  {
		width: 2%;
		height: 2%;
	}
}

@media screen and (max-width:2200px){
	 body  {
		width: 100%; max-width: 2200px;
		height: auto; margin: 0; 	
	 }
	
	footer    {
		width: 97%;
	}
}

@media screen and (max-width:1920px){
	 body  {
		width: 100%; max-width: 1920px;
		height: auto; margin: 0; 	
	 }

	footer    {
		width: 96%; height: auto;
	}
}

@media screen and (max-width:1580px){
	 body  {
		width: 100%; max-width: 1580px;
		height: auto; margin: 0; 	
	 }
	  footer   {
	 	width: 96%;
	 } 	
	  
	
}

@media screen and (max-width:1440px){
	 body  {
		width: 100%; max-width: 1440px;
		height: auto; margin: 0; 	
	 }	
	  footer   {
	 	width: 95%;
	 } 	
	 
}

@media screen and (max-width:1366px){
    body  {
		width: 100%; max-width: 1366px;
		height: auto; margin: 0; 	
    }  
     footer   {
	 	width: 95%;
	 } 	
}

@media screen and (max-width:1336px){
    body  {
		width: 100%; max-width: 1336px;
		height: auto; margin: 0; 	
    }
     footer   {
	 	width: 94%;
	 } 	
}

@media screen and (max-width:1280px){
    body  {
		width: 100%; max-width: 1280px;
		height: auto; margin: 0; 	
    }     
    footer   {
	 	width: 94%;
	 } 	
}

@media screen and (max-width:1242px){
    body  {
		width: 100%; max-width: 1242px;
		height: auto; margin: 0; 	
    } 
       
   	footer   {
	 	width: 94%;
	 } 	
    
}

@media screen and (max-width:1112px){
     body  {
		width: 100%; max-width: 1112px;
		height: auto; margin: 0; 	
     }    
	 
	#page-head    {
	 	height: 240px;
	 }   
	  footer   {
	 	width: 94%;
	 } 	
}

@media screen and (max-width:1080px){
     body  {
		width: 100%; max-width: 1080px;
		height: auto; margin: 0; 	
     }
   
}

@media screen and (max-width:1024px){
     body  {
		width: 100%; max-width: 1024px;
		height: auto; margin: 0; padding: 0; 	
     }
     .hideme    {
        opacity: 1.0; 
        font-size: 18px; 
        margin-left: 20px;
    }
     
	.mobile_hidden {
		display: none;
    } 
    .hidebuttons   {
    	display: none;
    }
    #page-head    {
	 	height: 210px;
	 }
	 .logo   { 
	 	width: 225px; 
	 	height: 150px;
	 	
	 }
	 footer   {
	 	width: 93%;
	 } 
	 td.x1    {
	 	width: 100%;
	 }
	 #page-top   {
    	display: none;
    }
    
    .design2   {
    	line-height: 30px;
    }
    .design   {
    font-size: 20pt;
    }
}

@media screen and (max-width:960px){
     body  {
		width: 100%; max-width: 960px;
		height: auto; margin: 0; 
	}
    .mobile_hidden {
		display: none;
    }   
      footer   {
    	width: 92%;
    	margin-left: 1px;
    	padding-top: 15px; 
    }
    footer#trim    {
    	margin-top: -50px;
    }
}

@media screen and (max-width:959px){
     body  {
		width: 100%; max-width: 959px;
		height: auto; margin: 0; 
	 }	
    .mobile_hidden {
		display: none;
    }   
}

@media screen and (max-width:926px){
     body  {
		width: 100%; max-width: 926px;
		height: auto; margin: 0; 
	 }	
    .mobile_hidden {
		display: none;
    }   
    footer  {
		width: 92%; margin-left: 1px;
	}
	 #page-head   {
	    position: static; 
	}  
}

@media screen and (max-width:915px){
     body  {
		width: 100%; max-width: 915px;
		height: auto; margin: 0; 
	 }	
    .mobile_hidden {
		display: none;
    }   
   footer  {
		width: 92%; margin-left: 1px;
	} 
}

@media screen and (max-width:900px){
     body  {
		width: 100%; max-width: 900px;
		height: auto; margin: 0; 
	 }
    .mobile_hidden {
		display: none;
    } 
    footer#trim    {
    	margin-top: -100px;
    }
}

@media screen and (max-width:896px){
     body  {
		width: 100%; max-width: 896px;
		height: auto; margin: 0; 
	 }
    .mobile_hidden {
		display: none;
    }     
}

@media screen and (max-width:883px){
     body  {
		width: 100%; max-width: 883px;
		height: auto; margin: 0; 
	 }	
    .mobile_hidden {
		display: none;
    }
}

@media screen and (max-width:854px){
     body  {
		width: 100%; max-width: 854px;
		height: auto; margin: 0; 
	 }	
    .mobile_hidden {
		display: none;
    }  
    footer    {
    	border: 12px solid #909090;
    }
}

@media screen and (max-width:846px){
     body  {
		width: 100%; max-width: 846px;
		height: auto; margin: 0; 
	 }
    .mobile_hidden {
		display: none;
    }   
}

@media screen and (max-width:844px){
     body  {
		width: 100%; max-width: 844px;
		height: auto; margin: 0; 
	 }
    .mobile_hidden {
		display: none;
    }   
}

@media screen and (max-width:834px){
     body  {
		width: 100%; max-width: 834px;
		height: auto; margin: 0; 
	 }	
    .mobile_hidden {
		display: none;
    }    
}

@media screen and (max-width:823px){
     body  {
		width: 100%; max-width: 823px;
		height: auto; margin: 0; 
	 }
    .mobile_hidden {
		display: none;
    }   
}
	
@media screen and (max-width:812px){
     body  {
		width: 100%; max-width: 812px;
		height: auto; margin: 0; 
	 }
    .mobile_hidden {
		display: none;
    } 
}

@media screen and (max-width:810px){
     body  {
		width: 100%; max-width: 810px;
		height: auto; margin: 0; 
	 }
    .mobile_hidden {
		display: none;
    }  
}
	
@media screen and (max-width:800px){
     body  {
		width: 100%; max-width: 800px;
		height: auto; margin: 0; 
	 }
    .mobile_hidden {
		display: none;
    }
     footer   {
    	margin-left: 0;
    }     
}

@media screen and (max-width:771px){
    body     {
		  width: 100%; max-width: 771px;
		  height: auto; margin: 0;
    }      
    footer    {
    	border: none;
    } 
}

@media screen and (max-width:768px){
    body     {
		  width: 100%; max-width: 768px;
		  height: auto; margin: 0;
    }      
    .mobile_hidden {
		display: none;
    }  
    footer    {
    	border: none;
    } 
}

@media screen and (max-width:760px){
     body  {
		width: 100%; max-width: 760px;
		height: auto; margin: 0; 
	 }
    .mobile_hidden {
		display: none;
    }  
    
}

@media screen and (max-width:740px){
    body     {
		  width: 100%; max-width: 740px;
		  height: auto; margin: 0;
    }        
    .mobile_hidden {
		display: none;
    }    
}

@media screen and (max-width:736px){
    body     {
		  width: 100%; max-width: 736px;
		  height: auto; margin: 0;
    }    
    .hideme    {
        opacity: 1.0; font-size: 18px; margin: 20px;
    }  
    .mobile_hidden {
		display: none;
    }  
    
}

@media screen and (max-width:732px){
    body     {
		  width: 100%; max-width: 732px;
		  height: auto; margin: 0;
    }      
    .mobile_hidden {
		display: none;
    } 	
}

@media screen and (max-width:667px){
    body     {
		  width: 100%; max-width: 667px;
		  height: auto; margin: 0;
    }
    .mobile_hidden {
		display: none;
    }  
     footer    {
    	width: 91%;
    }
     footer#trim    {
    	margin-top: -250px;
    }
      
}

@media screen and (max-width:640px){
    body     {
		  width: 100%; max-width: 640px;
		  height: auto; margin: 0;
    }  
    .mobile_hidden {
		display: none;
    } 
}

@media screen and (max-width:600px){
    body     {
		  width: 100%; max-width: 600px;
		  height: auto; margin: 0;
    } 
    footer    {
   		width: 90%;
   }  
   .design2, #copyrite   {
   		font-size: 18px;	
   }
   #copyrite2  {
   		display: none;
   }
}

@media screen and (max-width:568px){
    body     {
		  width: 100%; max-width: 568px;
		  height: auto; margin: 0;
    }  
    .mobile_hidden {
		display: none;
    } 
    
}
@media screen and (max-width:500px){
    body     {
		  width: 100%; max-width: 500px;
		  height: auto; margin: 0;
    }    
    footer h4  {
    	font-size: 24px;
    }
    #copyrite   {
   		font-size: 16px;	
   }
    footer#trim    {
    	margin-top: -300px;
    }
    
}

@media screen and (max-width:480px){
    body     {
		  width: 100%; max-width: 480px;
		  height: auto; margin: 0;
    }
    .mobile_hidden {
		display: none;
    } 
     
    footer    {
    	width: 88%;
    } 
    footer h4  {
    	font-size: 20px;
    }  
     .qrcode     {
		width: 100px;
		height: 100px;
		margin: 5px;
    }
}

@media screen and (max-width:428px){
     body  {
		width: 100%; max-width: 428px;
		height: auto; margin: 0; 
	 }
    .mobile_hidden {
		display: none;
    } 
     footer    {
    	width: 87%; height: auto;
    }
    #copyrite   {
   		font-size: 14px;	
   }
   
    .qr   {
    	text-align: left;
    	margin-left: -40px;
    }
    .footsyp   {
		margin-left: 30px;
	}
	.design2   {
   		font-size: 16px;	
   }
   
}

@media screen and (max-width:414px){
    body     {
		  width: 100%; max-width: 414px;
		  height: auto; margin: 0;
    }
    .mobile_hidden {
		display: none;
    } 
     footer    {
   		width: 86%;
   }
   .footsyp   {
		margin-left: 30px;
	}
}

@media screen and (max-width:412px){
    body     {
		  width: 100%; max-width: 412px;
		  height: auto; margin: 0;
    } 
    .mobile_hidden {
		display: none;
    } 
    .footsyp   {
		margin-left: 30px;
	}
	.design2   {
   		font-size: 16px;	
   }
}

@media screen and (max-width:390px){
     body  {
		width: 100%; max-width: 390px;
		height: auto; margin: 0; 
	 }
    .mobile_hidden {
		display: none;
    }
     footer    {
   		width: 85%;
   }
   .footsyp   {
		margin-left: 30px;
	}	
	#signa    {
		font-size: 16px;
		font-family: Arial;
	}
	footer h4  {
    	font-size: 18px;
    }  
    footer#trim    {
    	margin-top: -400px;
    }
}

@media screen and (max-width:384px){
    body     {
		  width: 100%; max-width: 384px;
		  height: auto; margin: 0;
    }
    .mobile_hidden {
		display: none;
    }  
    .footsyp   {
		margin-left: 30px;
	}
}

@media screen and (max-width:380px){
    body     {
		  width: 100%; max-width: 380px;
		  height: auto; margin: 0;
		  background-color: #000; Padding: 0;
    }
    .mobile_hidden {
		display: none;
    } 
    .footsyp   {
		margin-left: 30px;
	}
	.design2  {
		font-size: 14px;
	}
	footer    {
	width: 100%;
	margin-left: -20px;
	}
}

@media screen and (max-width:375px){
    body     {
		  width: 100%; max-width: 375px;
		  height: auto; margin: 0;
		  background-color: #000;
    }
   .mobile_hidden {
		display: none;
    } 
    .footsyp   {
		margin-left: 30px;
	}
}

@media screen and (max-width:360px){
    body     {
		  width: 100%; max-width: 360px;
		  height: auto; margin: 0;
		  background-color: #000;
    }
   .mobile_hidden {
		display: none;
    } 
     footer    {
   		width: 100%;
   		margin-left: -25px;
   }
   .qrcode     {
		width: 80px;
		height: 80px;
		margin: 5px;
	}
	.footsy   {
		margin-left: -20px;
	}
	.footsyp   {
		margin-left: 30px;
	}
	footer h4   {
		font-size: 16px;
	}
	#policy  {
		font-size: 16px;
	}
	footer#trim    {
    	margin-top: -400px;
    }
}

@media screen and (max-width:320px){
    body     {
		  width: 100%; max-width: 320px;
		  height: auto; margin: 0;
		  background-color: #000;
    }
   .mobile_hidden {
		display: none;
    } 
     footer    {
   		width: 320px; 
   		border: none; 
   		padding-left: 0;
   		margin-left: -20px;
   }
   .design, .design2     {
	display: none;
	}
	.twit     {
	display: none;
	}
	.qrcode     {
		width: 70px;
		height: 70px;
		margin: 5px;
	}
	.footsy   {
		margin-left: -30px;
	}
	footer#trim    {
    	margin-top: -450px;
    }
}