@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
*{
	font-family:"open_sanslight";
	font-family:'Montserrat';
	-moz-box-sizing: border-box;
	-webkit-sizing: border-box;
	box-sizing: border-box;
	background-color:white;
	font-size:16px;
	
	
}



body{

	margin:auto;
    padding:0px;
    background-color:black;
}

.mainCNT{
    padding-left:1rem;
    padding-right:1rem;
    padding-top:5rem;
    background-color:black;
    margin:auto;
    padding-bottom:3rem;
}

.item{
    border-bottom:2px solid lightgray;
    padding-bottom:1rem;
}

.lightbg{
    background-color:white;
}

.readfirst{
    width:89%;
    height:auto;
    padding:0.5rem;
    background-color:black;
    color:gray;
    border:1px solid gray;
    text-align:Center;
   
    font-size:1.2rem;
    margin:auto;
    font-weight:bold;
}

.readfirst:hover{
    border:2px solid lightgreen;
}
]




.section{
	width:100%;
	background-color:black;
	color:lightgray;
	text-align:center;
    margin:auto;
    
}

.sectionCNT{
    width:100%;
    text-align:center;
    margin:auto;
    padding-bottom:2rem;
  

   
}

.numberbadge{
    width:40px;
    height:40px;
    text-align:center;
    background-color:#666;
    color:white;
    font-size:1.7rem;
    font-family:'arial';
    font-weight:bold;
    border-radius:20px;
    display:block;
    margin-left:1rem;
    margin-bottom:1rem;
    
    
}

.wimseytitle{
	font-family:'Allura';
	font-size:2rem;
	background-color:transparent;
}

.firstletter{
	font-family:'Allura';
	font-size:3.5rem;
	background-color:transparent;
}



.sectiontitle{
    font-size:1.4rem;
    color:white;
    background-color:navy;
    font-weight:bold;
    display:block;
}

.subtitle{
    font-size:1.2rem;
    color:green;
    background-color:transparent;
    font-family:'arial';
    color:#666;
    border-left:22px solid #6466ae;
    padding-left:10px;
    
  
}

.subtitle1{
    font-weight:bolder;
    color:purple;
    background-color:transparent;
    font-family:'arial';
    border-left:22px solid #6466ae;
    padding-left:10px;
    font-size:1.6rem;
}

.subtitle2{
    font-size:1.2rem;
    color:green;
    background-color:transparent;
    font-family:'arial';
    color:#666;
    border-bottom:19px solid #6466ae;
    
    
  
}

.form-check-label{
    font-size:1.2rem
}

.form-check-input{
    font-size:1.2rem;
    margin-left:1rem;
}

.textbox{
    width:80%;
    text-align:left;
    margin:auto;
    background-color:transparent;
    line-height:2.8rem;
    margin-bottom:1.6rem;
    margin-top:1rem;
    
}

.textbox a{
    text-decoration:none;
    color:lightgreen;
    background-color:black;
}

.textbox a:hover{
    font-family:'arial';
    font-weight:bolder;
    color:lightgreen;
}

.displayfnt{
    font-size:4rem;
}


.darkbg{
    background-color:black;
}

.lighttext{
    color:#d4cbcb;
}

.gridCNT{
    padding-right:6rem;
    padding-left:6rem;
    background-color:black;
    margin-bottom:4rem;
  
    
}

.gridbox{
    border:1px solid black;
    height:200px;
    text-shadow:black 2px 2px 2px;
    padding-left:0px;
}

.gridbox a{
    text-decoration:none;
     font-size:1.5rem;
      font-family:'arial';
    font-weight:bolder;
    color:white;
    background-color:transparent;
}

.gridbox a:hover{
    color:lightgreen;
}

.arrivebox{
    background-image: url("../Images/arrive.png");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left center;
    padding-top:75px;
   
}

.exitbox{
     background-image: url("../Images/exit.png");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left center;
     padding-top:75px;
   
}



.lightingbox{
     background-image: url("../Images/lighting.png");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left center;
     padding-top:75px;
 
}



.factsbox{
     background-image: url("../Images/propertyguidelines.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left center;
     padding-top:75px;
   
 
    
}

.wifibox{
    background-image: url("../Images/wifis.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left center;
     padding-top:75px;
    
}

.cleanbox{
    background-image: url("../Images/clean.png");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left center;
     padding-top:75px;
    
}


.elementtable{
    background-color:transparent;
    
    
}


.vidCNT{
	text-align:center;
	height:auto;
	width:auto;
	background-color:black;
	
    padding-top:4rem;
    text-align:center;
    margin:auto;
    

}

.vidholder{
    
    background-color:black;
}

.vidhelpholder{
    width:250px;
    text-align:center;
    margin:auto;
 
}


.vidtitleCNT{
    width:100%;
    height:auto;
    text-align:center;
    background-color:transparent;
}

.vidtitle{
    background-color:#b2afaf;
    width:100%;
    max-width:880px;
    font-family:'Noto Serif';
    color:black;
    padding:3px;
    padding-left:20px;
    text-align:left;
    font-size:1.8rem;
    margin:auto;
    border-top:5px solid gray;
    
}


.vidscreen{
	width:880px;
	height:500px;
	background-color:black;
    border:5px solid gray;
    text-align:center;
    margin:auto;
    background-color:transparent;
}


.vidhelpscreen{
    width:357px;
    height:203px;
      background-color:white;
    margin-top:1rem;
    margin-bottom:1rem;
}











@media only screen and (max-width: 1000px) {

.mainCNT{
    padding-left:0px;
    padding-right:0px;   
}

    
.gridCNT{
    padding-right:6rem;
    padding-left:6rem;
    margin:auto;
    margin-bottom:4rem;
    }
    

    

.vidscreen{
	width:700px;
	height:397px;

}
    
    
.vidtitle{
    width:100%;
    max-width:700px;    
}

    
@media only screen and (max-width: 800px) {

.vidscreen{
	width:550px;
	height:312px;
    } 
    
.vidtitle{
    width:100%;
    max-width:550px;    
}
    
.textbox{
    width:100%;
    line-height:2.0rem; 
    padding:1rem;
}
 }
    
@media only screen and (max-width: 600px) {

.vidscreen{
	width:400px;
	height:227px;
    }  
    
.vidtitle{
    width:100%;
    max-width:400px; 
    font-size:1.2rem;
}
    
.gridCNT{
    padding-right:1rem;
    padding-left:1em;
    background-color:black;
    margin-bottom:4rem;
  
    
}
    
.gridbox{
    margin-bottom:1rem;
    font-size:3rem;
    line-height:1rem;
}
    
.vidhelpscreen{
	width:400px;
	height:227px;
    text-align:center;
  
} 

    
 }
    
@media only screen and (max-width: 550px) {

    
.vidscreen{
	width:300px;
	height:169px;
    }  
    
.vidhelpscreen{
	width:300px;
	height:169px;
    text-align:center;
  
} 
    
.vCNT{
    text-align:left;
    padding-left:0px;
    margin:auto;
}

.vidtitle{
    width:100%;
    max-width:300px;    
}
    
    
.textbox{
    width:100%;
    line-height:2rem; 
    padding:0.7rem;
}
    

    


 }