.mavails h1, .mspecs h1{
    font-size:1.5em;
    text-align:center;
    font-weight:100;
	font-family: "Muli", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
}


.msf div{
    font-weight:100;
	font-family: "Muli", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
}

.mspecs .row{
     margin-bottom:20px;
     font-weight:100;
 	font-family: "Muli", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
 
 }
 
.mgallery div[u=thumbnavigator] { display:none }
 
.contact p{
     font-weight:100;
  	font-family: "Muli", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
 }
 
.mcontact a, .mcontact a:visited{
     color:#fff;
 }
 .mcontact a:hover{
     color:#81bcf7;
 }
 
.mplans{
     text-align:center;
 }
 
 .mplans h2{
     font-size:1.2em;
 }
 

.topbar{
   position:fixed;
   left:100px;
   top:30px;
   z-index:22;
}

.spacer{
    height:80px;
}

#menu-1{
    margin-top:45px;
    position:fixed;
    font-weight:100;
	font-family: "Muli", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
}
.mtrans{
    background:#365895;
    
}
.mtrans h1, .mamenities h1{
    color:#fff;
    letter-spacing:1px;
    font-size:1.5em;
    font-weight:100;
	font-family: "Muli", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
}
.mamenities h1{
    margin-bottom:0;
}
.mamenities h2{
    color:#fff;
    font-size:1.2em;
    font-weight:100;
    letter-spacing:1px;
	font-family: "Muli", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
}
.mamenities h3{
    color:#fff;
    font-size:1em;
    font-weight:100;
    letter-spacing:1px;
	font-family: "Muli", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
}


.mgallery h2{
    font-weight:100;
       letter-spacing:1px;
   	font-family: "Muli", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
   	color:#fff;
    font-size:1em;
}

.dblue{
    background-color:#1C4289;
}


.trans-txt h1, .trans-txt h2{
    font-weight:100;
    letter-spacing:1px;
	font-family: "Muli", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
}

.mamenities{
    background:#1C4289;
    margin-top:0;
}

.mamenities .akey{
    width:200px;
    margin-left:10%;
}

.mamenities span{
    color:#fff;
    font-weight:100;
    letter-spacing:1px;
	font-family: "Muli", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
}
.mamenities .keycircle {
		background: #fff;
}

.mgallery{
    padding-top:30px;
    padding-bottom:30px;
    background:#1C4289;
}

.gallerysize{
    width: 1024px;
    height: 700px;
}

@media only screen and (max-width: 1259px){
.sftext{
    font-size:.8em;
    line-height:2em;
}
}
/*------------------- IPAD ---------------------------*/

@media only screen and (max-width: 1024px){
    
    .homelogo img{
    	width: 210px;
    	height:auto;
    }
    
    .hometxt{
        font-size:.9em;
    }
    .sftext{
        font-size:.7em;
    }
    .avails h2{
        font-size:1.1em !important;
    }
    .tfits{
        font-size:.9em !important;
        margin-left:10px;
    }
    .stacksc{
        margin-top:50px;
    }
    .instruct{
        padding-top:20px;
    }
    
    #specsscroll{
        height:330px;
    }
    
    #slide5{
    		background:url('../images/transportationipad.jpg') no-repeat center center fixed; 
    		-webkit-background-size: cover;
    		-moz-background-size: cover;
    		-o-background-size: cover;
    		background-size: cover;
    background-color:#fff;
    }
    
    #circle-small {
        top:20px;
    }
    
    .trans-txt h2{
        font-size:1em;
    }
    
    .linec{
        
        top:120px;
        left:560px;
        
    }
    
    .key-container{
        font-size:.8em;
    }
}


/*------------------- MOBILE phone landscape, small tablet---------------------------*/
@media only screen and (max-width: 925px){
    .sftext{
        font-size:.5em;
        line-height:2em;
    }
}

@media only screen and (max-width: 802px){
    .sftext{
        font-size:.5em;
        line-height:2em;
    }
}

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

    .lobby_btn p{
    display: block;
   text-align:center;
    top:0px !important;
}
    .homelogo{
        margin-top:-100px;
        padding-top:0;
    }
    
    
    
    img#homeimg{
        width:50%;
        height:auto;
        margin-top:0;
    }
    .featuresbg{
        background: url('../images/renovbg.jpg') no-repeat; 
      	-webkit-background-size: cover;
    	  -moz-background-size: cover;
    	  -o-background-size: cover;
    	  background-size: cover;
    	  height:500px;
    }
    
    #features-slide{
    	width:600px;
    	height:350px;
    	margin-left:-300px;
    	margin-top:10px;
    }
    
    .featlogo{
    	padding-left:100px;
    }
    
    
    .trans-txt{
    	position:static;
    	top:0;
    	left:0;
    	text-align:left;
    	margin:0;
    	padding:0;
    	height:auto;
    	width: auto;
    }
    
    #circle-small {
    	position:relative;
    	top:0;
    	left:0;
    }
    .contactlogo img{
    	width:200px;
    	height:auto;
    	margin-top:40px;
    }
    .contact{
        color:#fff;
    }
    .mcontact{
        padding-bottom:50px;
    }
    .msf{
        margin-top:55px;
    }
    
    .msf div{
        font-size:1em;
        line-height:1.75em;
    }
    
}


/*------------------- MOBILE phone portrait---------------------------*/

@media only screen and (max-width: 414px){
    #features-slide{
    	width:320px;
    	height:250px;
    	margin-left:-165px;
    	margin-top:10px;
    }
    
    .featuresbg{
        background: url('../images/renovbg.jpg') no-repeat; 
      	-webkit-background-size: cover;
    	  -moz-background-size: cover;
    	  -o-background-size: cover;
    	  background-size: cover;
    	  height:300px;
    }
    .title{
        font-size:.6em !important;
    }
    
    .msf{
        margin-top:35px;
    }
    .msf div{
        font-size:.72em;
        line-height:1.6em;
    }
    
    
}