/* APS CONFERENCE PROPRIETARY STYLES */

@import url("//fonts.googleapis.com/css?family=Playfair+Display");

.wrapper {
	padding-top:0px;
}

#header {
	display:none !important;
}

#header-wrapper.splash {
	background: url("/Adult_Protection/Adult_Protective_Services_Conference/images/background.jpg");
	background-position: top center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #404248;
}

#content{
	padding-bottom: 0px !important;
}

/************** MEDIA QUERIES: ACCOMODATIONS FOR LARGE BROWSERS **************/
/* These were added new to accomodate the more flexible, fixed nav bar and its components... */
/* ...so that the logo and menu would stay together but not run into one another as the browser expanded */
/* These will probably have to be tweaked with every new design.... */


@media screen and (max-width: 1285px) and (min-width: 1126px) {
	#banner {
		padding-top: 3em !important;	
		padding-bottom:6em !important;
	}	
	#banner p{
		font-size:1.7em;
	}
}
@media screen and (max-width: 1125px) and (min-width: 1041px) {
	#banner {
		padding-top: 0em !important;	 
		padding-bottom:6em !important;
	}	
	#banner p{
		font-size:1.7em;
	}	
}
@media screen and (max-width: 1040px) and (min-width: 961px) {
	#banner {
		padding-top: 0em !important;	 
		padding-bottom:6em !important;
	}	
	#banner p{
		font-size:1.5em;
	}
	#spacer {
		height:350px !important;
	}
}
@media screen and (max-width: 960px) and (min-width: 856px) {
	#banner {
		padding-top: 0em !important;	 
		padding-bottom:4em !important;
		width: auto;
	}	
	#banner p{
		font-size:1.3em;
	}
	#spacer {
		height:330px !important;
	}
}
@media screen and (max-width: 855px) and (min-width: 756px) {
	#banner {
		padding-top: 0em !important;	 
		padding-bottom:3em !important;
		width: auto;
	}	
	#banner p{
		font-size:1.1em;
	}
	#spacer {
		height:300px !important;
	}
}
@media screen and (max-width: 755px) and (min-width: 696px) {
	#banner {
		padding-top: 0em !important;	 
		padding-bottom:3em !important;
		width: auto;
	}	
	#banner p{
		font-size:1.1em;
		padding:0.5em;
	}
	#spacer {
		height:240px !important;
	}
}
@media screen and (max-width: 695px) and (min-width: 626px) {
	#banner {
		padding-top: 1em !important;	 
		padding-bottom:2.5em !important;
		width: auto;
	}	
	#banner p{
		font-size:1.1em;
		padding:0.5em;
	}
	#spacer {
		height:200px !important;
	}
}
@media screen and (max-width: 625px) and (min-width: 571px) {
	#banner {
		padding-top: 3em !important;	 
		padding-bottom:2.5em !important;
		width: auto;
	}	
	#spacer {
		height:150px !important;
	}
}
@media screen and (max-width: 570px) and (min-width: 516px) {
	#banner {
		padding-top: 4em !important;	 
		padding-bottom:2.5em !important;
		width: auto;
	}	
	#spacer {
		height:110px !important;
	}
}
@media screen and (max-width: 515px) and (min-width: 461px) {
	#banner {
		padding-top: 4.5em !important;	 
		padding-bottom:2.5em !important;
		width: auto;
	}	
	#spacer {
		height:80px !important;
	}
}
@media screen and (max-width: 460px) and (min-width: 441px) {
	#banner {
		padding-top: 7.5em !important;	 
		padding-bottom:2.5em !important;
		width: auto;
	}	
	#spacer {
		height:25px !important;
	}
}
@media screen and (max-width: 440px) and (min-width: 360px) {
	#banner {
		padding-top: 8em !important;	 
		padding-bottom:2.5em !important;
		width: auto;
		max-height: 200px;
	}	
	#spacer {
		height:0px !important;
	}
	#banner p{
		font-size:0.8em;
	}	
}
@media screen and (max-width: 625px) {
	#banner p{
		font-size:1em;
		padding:0.5em;
	}
}

/*Large screen - default */

#titleBar{
	display:none !important;
}

#banner p {
	margin-top:1em;
}
#spacer {
	width:100%;
}

#header-wrapper.splash {
    height: auto;
	padding: 0 !important;
}
#header-wrapper.splash div.container {
	max-width: none !important;
}
#page-wrapper, #main-wrapper, #footer-wrapper {
	max-width: 1500px;
	margin-left: auto;	
	margin-right: auto;
}

.row {
	padding-top: 1.5em;
}
.row p, .row h2, .row h3 {
	padding: 0.5em 0 0 2em;
	clear: both;
}
.row h2 {
	font-size:1.5em;
}
.row p {
	margin:0 0 1em 0;
}
.row blockquote {
	padding:0 3em 0 3em !important;font-size:1.2em;
}
.row p .button {
	padding:1em;
}