@charset "UTF-8";
/* CSS Document */


/* DESKTOP **********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (min-width: 960px) {
	.hideondesktop 	{ display: none; }

}

@media only screen and (max-width: 1000px) {
    
    .container {
        padding: 0 2%;
    }
	
}

/* TABLET *********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

@media only screen and (min-width: 480px) and (max-width: 700px) {
	
.showontablet 	{ display: inherit; }
.hideontablet 	{ display: none; }

}





/* MOBILE **********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

@media only screen and (max-width: 479px) {
	
.showonmobile	{ display: inherit; }
.hideonmobile 	{ display: none; }

}


@media only screen and (max-width: 650px) {
.topnav { background-color: #173F6A; /* Brand BLUE */; height: 225px; text-align: center;}
.logo { float: none;}
.signin { width: 100%; text-align: center; margin-top: 0;}
.signin > input { width: 200px; margin: 10px auto; display: block;}
.bg-image { margin-top: 0px;}    
.form-holder { width: 80%; margin:  0 auto;}
    
.col-left, .col-mid, .col-right {
    width: 100%;
    padding: 25px 10px;
}

.col-left, .col-mid {
    margin-right: 0%;   
}    
    
    
    
}

@media only screen and (min-width: 650px) {
.hideonlarger { display: none;}
}