
@media (max-width:1024px) { 
    	.header{
        	height:120px;
        	padding:0 1.5rem;
    	}

    	.header.scrolled{
        	height:80px;
    	}

    	.logo-wrap{
        	width:100px;
        	height:80px;
    	}

    	.header.scrolled .logo-wrap{
        	width:75px;
        	height:60px;
    	}

    	.tagline{
        	font-size:20px;
    	}

    	.header.scrolled .tagline{
        	font-size:.75rem;
    	}

    	.nav-drawer{
        	top:120px;
        	height:calc(100vh - 120px);
        	width:240px;
    	}

    	.header.scrolled + .nav-drawer{
        	top:80px;
        	height:calc(100vh - 80px);
    	}

    	.page-content{
        	padding-top:140px;
    	}
}

/* Tablet */
@media (max-width: 992px) {
    
    .three-col .item {
        width: 32%;
        display: inline-block;
        vertical-align: top;
    }

}

/* Mobile */
@media (max-width: 768px) {

    h2{
        margin-top:50px;
    }
    
    .grid {
        grid-template-columns: 1fr !important;
    }
    
    .wrap{
        width: 90%;
    }

    .scroll-indicator{
    	bottom:25px;
    }

    	.header{
        	height:90px;
        	padding:0 1rem;
    	}

    	.header.scrolled {
        	height:70px;
    	}

    	.logo-wrap {
        	width:70px;
        	height:60px;
    	}

    	.header.scrolled .logo-wrap {
        	width:60px;
        	height:50px;
    	}
    	
.tagline{
        display:none;
    }

    .header-divider{
        display:none;
    }

    	.burger {
        	width:42px;
        	height:30px;
    	}

    	.nav-drawer {
        	top:90px;
        	width:80%;
        	max-width:320px;
        	height:calc(100vh - 90px);
        	padding:1.5rem;
    	}

    	.header.scrolled + .nav-drawer {
        	top:70px;
        	height:calc(100vh - 70px);
    	}

    	.page-content {
        	padding:110px 1rem 2rem;
    	}

    	.page-content h1 {
        	font-size:2rem;
    	}

    	.overlay {
        	left:25px;
        	right:25px;
        	bottom:80px;
    	}
    	
    	.offer,.trained{
    background-attachment:scroll;
    }
    
    .read-more{
    float:none;
    display:inline-block;
    margin:20px auto;
}

.item {
    width: 75%;
    height: auto;
    margin: 0 auto 0;
    padding: 10px;
}

#ourcommitment {
    padding: 0 0 20px 3px;
}

#subfooter .item{
    text-align:center;
}

.left{
    text-align:center;
}
}

@media (max-width:480px) {
    
    	.header {
        	height:80px;
         	padding:0 .75rem;
    	}

    	.header.scrolled {
        	height:60px;
    	}

    	.logo-wrap {
        	width:58px;
        	height:48px;
    	}

    	.header.scrolled .logo-wrap {
        	width:48px;
        	height:40px;
    	}

    	.header-divider {
        	display:none;
    	}

    	.tagline {
        	font-size:12px;
        	letter-spacing:0;
    	}

    	.header.scrolled .tagline {
        	font-size:10px;
    	}

    	.burger {
        	width:36px;
        	height:26px;
    	}

    	.burger span {
        	height:2px;
    	}

    	.nav-drawer {
        	top:80px;
        	width:100%;
        	max-width:none;
        	height:calc(100vh - 80px);
        	padding:1.25rem;
    	}

    	.header.scrolled + .nav-drawer {
        	top:60px;
        	height:calc(100vh - 60px);
    	}

    	.nav-drawer a {
        	font-size:.85rem;
    	}

    	.page-content {
        	padding:95px 1rem 2rem;
    	}

    	.page-content h1 {
        	font-size:1.6rem;
    	}

    	.page-content p {
        	font-size:.95rem;
        	line-height:1.7;
    	}

        .form-container {
            width: 90%;   
            max-width: 100%;
        }
    	
    	.email {
    	    font-size: 14px;
    	}
}



@media (max-width:360px) {

	.email {
    	font-size: 12px;
	}
	
}    	