/*  style sheet for Montana Association For the Blind by Thomas Tivnen 1/01/2022
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  */


/*
nav a:link              {   color: #080808; text-decoration: none;   }
nav a:visited           {  color: #080808; text-decoration: none;    }
nav a:hover             {  color: #080808; background: #FFB6C1;      }
nav a:active            { text-decoration: none; color: #080808;     } 
*/

table.media  {
	margin-left: 2%;
	height: 55px;
	width: 485px;
}

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

.hideme2 {
        opacity: 0.0;
}
                      

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

.global   {
	padding-left: 10px;
	color: #080808;
	font-size: 250%;
}

.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: 95%;
		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: 95%;
		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: 95%;
		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:2880px) and (min-width:2560.01px){
	body  {
		width: 100%; 
		height: auto; margin: 0; 	
	 }	
	 footer    {
		width: 95%;
		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:2560px) and (min-width:2200.01px){
	body  {
		width: 100%; 
		height: auto; margin: 0; 	
	 }
	 footer    {
		width: 95%;
		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; 	
	 }
	 .global   {
	 	font-size: 250%;
	}
	footer    {
		width: 95%;
	}
}

@media screen and (max-width:1920px){
	 body  {
		width: 100%; max-width: 1920px;
		height: auto; margin: 0; 	
	 }
	.global   {
	 	font-size: 250%;
	}
	footer    {
		width: 96%;
	}
}

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

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

@media screen and (max-width:1580px){
	 body  {
		width: 100%; max-width: 1580px;
		height: auto; margin: 0; 	
	 }
	  footer   {
	 	width: 95%;
	 } 	
	  .global    {
	 	font-size: 180%;
	 }
}

@media screen and (max-width:1440px){
	 body  {
		width: 100%; max-width: 1440px;
		height: auto; margin: 0; 	
	 }	
	  .global    {
	 	font-size: 160%;
	 }
}

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

@media screen and (max-width:1336px){
    body  {
		width: 100%; max-width: 1336px;
		height: auto; margin: 0; 	
    }
    .global   {
	 	font-size: 95%;
	}	
}

@media screen and (max-width:1280px){
    body  {
		width: 100%; max-width: 1280px;
		height: auto; margin: 0; 	
    }     
     .global   {
	 	font-size: 95%;
	}
	.hideme {
        opacity: 0.0;
	}
}

@media screen and (max-width:1112px){
     body  {
		width: 100%; max-width: 1112px;
		height: auto; margin: 0; 	
     }    
	 .global   {
	 	font-size: 90%;
	}
	#page-head    {
	 	height: 240px;
	 }   
	  footer   {
	 	width: 94%;
	 } 	
	 
	 .hideme2    {
        opacity: 1.0; font-size: 18px; margin: 20px;
    } 
    nav#global2  {
    	display: none;
    } 
    #secondary   {
    	display: none;
    }
}

@media screen and (max-width:1080px){
     body  {
		width: 100%; max-width: 1080px;
		height: auto; margin: 0; 	
     }
      
     .global   {
	 	font-size: 90%; color: #000;
	}
	.yank    {
		Display: none;
	}
	 .hideme    {
        opacity: 1.0; 
        font-size: 18px; 
        margin-left: 20px;
    }
}

@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;
    }
     nav.global  {
		display: none;
    }
	.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;
    }
}

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

@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: 95%; 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: 95%; margin-left: 1px;
	} 
}

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

@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 #933800;
    }
}

@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:768px){
    body     {
		  width: 100%; max-width: 768px;
		  height: auto; margin: 0;
    }      
    .mobile_hidden {
		display: none;
    }  
    footer    {
    	border: 10px solid #933800;
    } 
}

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

@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;
    }  
    footer    {
    	border: 9px solid #933800;
    }  
}

@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: 94%;
    }
    .upper    {
    	font-size: 100%;
    }       
}

@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;
    } 
   
}

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

@media screen and (max-width:480px){
    body     {
		  width: 100%; max-width: 480px;
		  height: auto; margin: 0;
    }
    .mobile_hidden {
		display: none;
    } 
     .upper   {
    	font-size: 90%;
    }  
    footer    {
    	width: 93%;
    }   
    table.media tr td.tag7   {
    	display: none;
    }
}

@media screen and (max-width:428px){
     body  {
		width: 100%; max-width: 428px;
		height: auto; margin: 0; 
	 }
    .mobile_hidden {
		display: none;
    } 
     footer    {
    	width: 92%;
    }
    .upper    {
    	line-height: 25px;
    } 
}

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

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

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

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

@media screen and (max-width:380px){
    body     {
		  width: 100%; max-width: 380px;
		  height: auto; margin: 0;
		  background-color: #fff; Padding: 0;
    }
    .mobile_hidden {
		display: none;
    } 
    
   
    
    
}

@media screen and (max-width:375px){
    body     {
		  width: 100%; max-width: 375px;
		  height: auto; margin: 0;
		  background-color: #fff;
    }
   .mobile_hidden {
		display: none;
    } 
    
    /*  animated logo  */
    
    .logo2   {
    	width: 95%;
    	height: auto;
    	margin-left: 20px;
    }
    
    footer    {
   		width: 90%;
   }
}

@media screen and (max-width:360px){
    body     {
		  width: 100%; max-width: 360px;
		  height: auto; margin: 0;
		  background-color: #fff;
    }
   .mobile_hidden {
		display: none;
    } 
     footer    {
   		width: 90%;
   }
}

@media screen and (max-width:320px){
    body     {
		  width: 100%; max-width: 320px;
		  height: auto; margin: 0;
		  background-color: #fff;
    }
   .mobile_hidden {
		display: none;
    } 
     footer    {
   		width: 90%;
   }
   .design     {
	display: none;
	}
}