/***Expandable Header Section***/

.exp-header-seventyfive-width {
	width: 75%;
	display: inline-flex;
}

.exp-header-full-width {
	width: 100%;
	display: inline-flex;
}

.exp-header-container {
	transition: all 0.5s ease;
	width: 25%;
    height: 575px;
    text-align: center;
    overflow: hidden;
    position: relative;
	top: 35px;
}

.fixed-header-container h2 {
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.fixed-header-container h3 {
	color: rgb(141, 198, 232);
	margin-bottom: 5px;
}

.fixed-header-container a {
	color: #fff;
	text-transform: uppercase;
    font-size: 15px;
}

.fixed-header-container h4 {
	padding-right: 20px;
	margin-bottom: 20px;
}

.exp-header-image {
	min-width: 500px;
    max-width: none;
    height: 576px;
    left: 50%;
    position: absolute;
    margin-left: -250px;
}

#global {
	background-image: url('/admissions/images/apply.jpg');
	background-position: center;
    background-size: 100%;
}

#social {
	background-image: url('/admissions/images/advocate.jpg');
	background-position: center;
    background-size: 100%;
}

#service {
	background-image: url('/admissions/images/serve.jpg');
	background-position: center;
    background-size: 100%;
}

#experience {
	background-image: url('/admissions/images/engage.jpg');
	background-position: center;
    background-size: 100%;
}

#admissionsLanding header #header-image {
	height: 625px !important;
}

.fixed-header-container {
	height: 575px;
	width: 25%;
	background-color: #0056b8;
	color: #fff;
	position: relative;
    top: 35px;
}

.header-button-white {
	color: #fff;
    font-size: 16px;
    border: 1px solid #fff;
    width: 100px;
    margin: auto;
    position: relative;
    top: 475px;
    text-transform: uppercase;
    padding: 5px 5px 2px;
    line-height: 25px;
}

#global-header-layer {
	background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#social-header-layer {
	background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#service-header-layer {
	background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#experience-header-layer {
	background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#experience-header-layer {
	background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.padding-container {
	padding: 30px;
}
	
.header-large-button-white {
    position: absolute;
    top: 416px;
}

.inner-large-button-white {
	color: #fff;
    font-size: 30px;
    border: 1px solid #fff;
    width: 124px;
    text-transform: uppercase;
    padding: 20px 20px 15px;
    line-height: 28px;
    font-weight: bold;
    letter-spacing: 1px;
}

.inner-large-button-white:hover {
	color: #f3a61f;
    background-color: #fff;
}

#deposit-button:hover {
	text-decoration: none;
}

#global-header-layer h1 {
	color: #fff;
    margin: 75px auto 10px;
    text-transform: uppercase;
    width: 60%;
	text-shadow: 2px 2px #111;
	line-height: 42px;
	display: none;
}

#global-header-layer p {
	color: #fff;
    margin: 25px auto;
    width: 60%;
	text-shadow: 1px 1px #111;
	font-size: 17px;
	display: none;
}

#social-header-layer h1 {
	color: #fff;
    margin: 125px auto 10px;
    text-transform: uppercase;
    width: 60%;
	text-shadow: 2px 2px #111;
	line-height: 42px;
	display: none;
}

#social-header-layer p {
	color: #fff;
    margin: 25px auto;
    width: 60%;
	text-shadow: 1px 1px #111;
	font-size: 17px;
	display: none;
}

#service-header-layer h1 {
	color: #fff;
    margin: 125px auto 10px;
    text-transform: uppercase;
	text-shadow: 2px 2px #111;
    width: 60%;
	line-height: 42px;
	display: none;
}

#service-header-layer p {
	color: #fff;
    margin: 25px auto;
    width: 60%;
	text-shadow: 1px 1px #111;
	font-size: 17px;
	display: none;
}

#experience-header-layer h1 {
	color: #fff;
    margin: 125px auto 10px;
    text-transform: uppercase;
	text-shadow: 2px 2px #111;
    width: 60%;
	line-height: 42px;
	display: none;
}

#experience-header-layer p {
	color: #fff;
    margin: 25px auto;
    width: 60%;
	text-shadow: 1px 1px #111;
	font-size: 17px;
	display: none;
}


/***Responsive Design***/


@media only screen and (min-width:2100px){
	.fixed-header-container { width: 40% !important; } 
	.exp-header-seventyfive-width { width: 60% !important; } 
}
@media only screen and (min-width:2400px){
	.fixed-header-container { width: 45% !important; } 
	.exp-header-seventyfive-width { width: 55% !important; } 
}
@media only screen and (max-width:1250px){ 
	.fixed-header-container { display: none !important; } 
	.exp-header-seventyfive-width { width: 100% !important; } 
}
@media only screen and (max-width:799px){ 
	header .section { z-index: 2 !important; } 
	.titleBar { display: none; }
	header #header-image { display: none; }
	header {height: 8em;}
}
@media only screen and (max-width:767px){ 
	.wrap { width: 96% !important; }
}
@media only screen and (max-width:591px){ 
	.wrap { width: 95% !important; }
}
@media only screen and (max-width:476px){ 
	.wrap { width: 94% !important; }
}
@media only screen and (max-width:400px){ 
	.wrap { width: 93% !important; }
	.removable-breaks-400 {display: inherit !important;}
}

@media only screen and (max-width:344px){
	.wrap { width: 90% !important; }	
}