@media only screen and (min-width: 320px) and (max-width: 375px){
	.site-logo {
    position: relative;
    font-weight: 900;
    font-size: 24px;
    font-family: Oswald, sans-serif;
    letter-spacing: 0.2rem;
    text-shadow: rgba(0, 0, 0, 0.2) 3px 0px 2px;
    background: rgb(255, 255, 255);
    outline: rgba(255, 255, 255, 0.1) solid 8px;
    padding: 6px 12px;
	text-align: center;	
}
	.btn-outline-view {
    padding: 6px 12px !important;
    font-size: 12px !important;
}
	.view-btn {
    text-align: center;
    }
}
@media only screen and (max-width: 480px) {
	.site-logo {
     font-size: 28px;
    }
}
@media only screen and (max-width: 767px) {
	.site-logo {
    position: relative;
    font-weight: 900;
    font-family: Oswald, sans-serif;
    letter-spacing: 0.2rem;
    text-shadow: rgba(0, 0, 0, 0.2) 3px 0px 2px;
    background: rgb(255, 255, 255);
    outline: rgba(255, 255, 255, 0.1) solid 8px;
    text-align: center;
	margin: 0 auto;	
}
	.ml-auto-toggle {
		display: none;
	}
	.section-1 {
        margin-top: -1rem;
    }
	.heading-colored {
    margin-top: 3rem;
    }
	.side-top {
    margin-top: 60px;
}
	#gtco-about .heading .subtle-text {
    bottom: -1em;
    font-size: 64px;
}
	#contact-section .program-text {
    bottom: -2em;
    font-size: 59px;
	left: 0px;	
}
}
@media only screen and (max-width: 768px) {
	/*.section-1 {
    margin-top: 5rem;
}*/
	.site-logo {
    position: relative;
    font-weight: 900;
    font-family: Oswald, sans-serif;
    letter-spacing: 0.2rem;
    text-shadow: rgba(0, 0, 0, 0.2) 3px 0px 2px;
    background: rgb(255, 255, 255);
    outline: rgba(255, 255, 255, 0.1) solid 8px;
    text-align: center;
	margin: 0 auto;	
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.d-none {
     display: block !important; 
}
}