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

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed.navbar-collapse {
    /*max-height: 500px;*/
}
@media (max-height: 550px) {
	 .navbar-fixed-bottom .navbar-collapse, .navbar-fixed .navbar-collapse {
    width:100%;
    /*max-height: 450px;*/
}}
	
@media (max-height: 450px) {
	 .navbar-fixed-bottom .navbar-collapse, .navbar-fixed .navbar-collapse {
    width:100%;
    /*max-height: 350px;*/
}}

@media (max-height: 320px) {
	 .navbar-fixed-bottom .navbar-collapse, .navbar-fixed .navbar-collapse {
	/* position:relative;*/
	 width:100%;
	top:0;
    /*max-height: 300px;*/
}}

@media (max-width: 1200px) {

.navbar-header { float: none; }

.navbar-toggle { display: block; }
.navbar-toggle :focus{
    position: absolute;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: white;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}



.navbar-collapse, .dropdown-toggle  { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }

/*.navbar-collapse.collapse { display:none!important; }*/

.navbar-nav { float: none!important; margin: 0px -15px; }

.navbar-nav>li { float: none; }

.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }

.navbar-collapse.collapse.in { display: block !important; }

.logomobile { width: 60%; }

#chevron {width:12%;}
.visibility1 {display:none}
}
.bottomnav {padding-top: 10px;}
@media (min-width: 992px){
	#mainMenuButton{display:none;}
}

@media (max-width: 990px) and (min-width: 768px)  {	
	.width70home
	{
		width:100% !important;
	}
.bottomnav {font-size: .7em}	
}
	}
@media (max-width: 768px)  {
	


.logomobile { width: 80%; }

#pricing h2, #courses h2, #coursesintro h2, #courses h2, .section-title h2 { font-size: 2em; }

#coursesintro h1, #content-section h1, .content-h1, .section-title h1 { font-size: 2.5em; }

#home h1 {font-size:1.4em; padding-top:10px;}

.h2 h2 { font-size: 50%; }
#home em {font-size:100%; padding-bottom:10px;}
#contact h3 { font-size: 1.2em; }
#home a {text-decoration:none}
#chevron {width:40%;}
	.bottomnav {font-size: 1em}	

}

@media (max-width: 680px) {

.logomobile { width: 100%; }
#coursesintro h1, #content-section h1, .content-h1, .section-title h1 {
font-size:1.5em;
}

/*em.drop {display:none}
br.drop {display:none}*/

#contact h3 { font-size:1em;
}

#home h1 {font-size:1.3em; padding-top:10px;}
#home em {font-size:100%; padding-bottom:10px;}
#chevron {width:40%;}
#home .visibility {display:none}
#home .subheading {font-size: .6em}

/*a:focus {outline-width:*/

}
@media (max-width: 488px) {

.logomobile { width: 100%; }
#coursesintro h1, #content-section h1, .content-h1, .section-title h1 {
font-size:1.5em;
}

#contact h3 { font-size:1em;
}

#home h1 {font-size:1.3em; padding-top:10px;}
#home em {font-size:100%; padding-bottom:10px;}
#chevron {width:40%;}

}

@media (max-width: 430px) {
.logo2 {display:none;}

}

@media (max-height: 560px) {
.navbar-fixed-top {
  top: 0px; /* you'll have to figure out the exact number here */
  
}
/*
.navbar-fixed-top, .navbar-fixed-bottom {
  position:sticky; /* this can also be static 
  
}*/

	#home .visibility {display:none;}
.dropout {display:none;}

/*.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 500px;
}
	.navbar-fixed-top {
  top: 0px; /* you'll have to figure out the exact number here */
/*}

.navbar-fixed-top, .navbar-fixed-bottom {
  position: relative; /* this can also be static */
}

/*a:focus {outline-width:*/
	}
/* ==========================================================================media queries for mobile========================================================================== */

@media screen and (min-width: 992px) {
@-moz-document url-prefix() {
#portfolio .col-lg-4, #portfolio .col-md-4 {
width: 33.333%;
}
	}}
@media (max-width: 480px) {
#home {
padding-top: 320px;
padding-bottom: 320px;

}/*  #home h1 {    font-size: 22px;  }  #home h3 {    font-size: 12px;  }  */
	}
/*======================================================Isaac's Classes===========================================================================*/
.fa.fa-navicon {
  color:white;
}
.menu-toggle{
	background-color:black;
	border-color:black;
}
.dropdown-toggle{
	padding-top:8px!important;
	padding-bottom:7px!important;
	
	
}
.dropdown-menu{
	width:7em;
}
.dropdownItem{
	width:100%;
	padding-right:10px;
	padding-left:10px;
}
@media(min-width: 992px){
	.navbar{
	width:100%;
	position:fixed;
	z-index:2;
	
}}

@media(max-height:992){
	.navbar{
		position:static;
		z-index:0;
	}
}