/*Greg Styles*/


#aaContainer{
	position: relative;
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	font-family: "proxima-nova",sans-serif;


}

.imageBlock, .textBlock{
	width: 100%;
	position: relative;
}

.imageBlock{
	position: relative;
}

.imageBlock img{
	width: 100%;

}

.textBlock span{
	padding:50px 20px;
	color:#333333;
	font-size:16px;
	max-width:960px;
	display:block;
	margin:0 auto;
	text-align: left;
	
}

.textTitle{
	position: absolute;
color: #fff;
max-width:570px;
text-align: center;
top: 300px;
font-size: 41px;
left: 50%;
}



.quotes{
	max-width: 19px;
	float: left;
	margin-left: 0px;
}
.quotesend{
max-width: 19px;
float: right;
clear: both;
margin-right: 80px;
margin-top: -40px;
}

.last{

margin-right: 0px;
}

.last2{
	margin-right: -25px;
}
blockquote span{
	float: left;
max-width: 600px;
margin-right: 5%;
margin-top: 3%;
}

.lastquote{
	margin-left: -20px;
}

h1.containerh1{
	font-size:88px;
	margin-bottom: 20px;
	line-height:94px;
}
.subhead{
	font-size:20px;
	font-style: italic;
	line-height:23px;
	display:block;
	font-weight:300;
	
}

#abclogo2020{
max-width: 350px;
margin: 10px auto 0;
position: relative;
text-align: center;
display: block;
}

#texttitle0{
	top:15%;
	left:5%;
}


#texttitle1, #texttitle3{
	color: #333333;
}
/*social*/

#socialshares {
  display: block;
   margin: 20px auto 0;
  position: relative;
  width:220px;

  /* top: 40px; */
  /* z-index: 50; */
  /* right:0px; */
  text-align: center;
}


#socialshares img {
  display: block;
  float: right;
  margin-right: 15px;
}


#socialshares img:hover{
	cursor: pointer;
}

textarea{
	margin:0 auto !important;
}


textarea#jfkembed{
	margin:0 auto !important;
	margin-bottom: 10px;
	height:170px!important;
	display: block;
	position: relative;
	color: #888;
	margin-top:50px;
	font-size: 14px !important;
	font-family: "proxima-nova",sans-serif;

}


img#embed{
	display: block;
	margin: 0 auto;
}



#embedWrap{
	display: none;
	position: absolute;
	z-index:70000;
	top:0px;
	left:0;
	padding-top:250px;
	height:100%;
	width: 100%;
	background: rgba(255,255,255, 0.7);
	
}
.closeembed{
	display:block;
	font-size: 20px;
	color: #000;
	right: 20%;
	font-weight:600;
	top: 15%;
	position: absolute;
	/* float: right; */
	/* margin: 0 auto; */
	/* margin-right: 30%; */
}

.closeembed:hover{
	cursor: pointer;
}


.blur{  
filter:blur(8px);
 -webkit-filter: blur(8px);
   -webkit-transform: translate3d(0, 0, 0);
   


}


/* Preloader */


#preloader {
    position:absolute; 
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:9999999; /* makes sure it stays on top */
}

#status {
    margin:0 auto;
    text-align: center;
    position: relative;
    display: block;
    margin-top: 200px;
   
}
@media only screen and (min-width: 200px) {
h1.containerh1{
	font-size: 25px;
	margin-bottom: 20px;
	line-height: 26px;
}

#texttitle0{
	max-width:200px;
	left:2%;
}
.subhead{
	display:none;
}
blockquote {
	display:none;
}


}

@media only screen and (min-width: 200px) and (max-width: 468px)
{
.imageBlock img {
width: auto;
height: 300px;
}

#imageblock0{
margin-left: -240px;
}

#texttitle0 {
top: 35%;
}
#abclogo2020 {
max-width: 250px;

}
}


@media only screen and (min-width: 568px) {
h1.containerh1{
	font-size: 35px;
	margin-bottom: 20px;
	line-height: 36px;
}

#texttitle0{
	max-width:300px;
	left:2%;
}

.textTitle{

top: 10%;
font-size: 21px;

width:50%;
}
blockquote {
	display:block;
}
blockquote span{
font-size:16px;
line-height:18px;
}
}

@media only screen and (min-width: 640px) {
h1.containerh1{
	font-size: 38px;
	margin-bottom: 20px;
	line-height: 39px;
}


.subhead{
	display:none;
}

blockquote span{
	font-size:20px;
	line-height: 22px;
}

}


@media only screen and (min-width: 768px) {

.subhead{
	display:block;
	font-size:14px;
		width: 350px;
margin: 0 auto;
}

#texttitle0{
	max-width:500px;
	left:2%;
	top:15%;
}
.textTitle{
font-size: 26px;
line-height:29px;
top: 25%;
}

blockquote span{
	font-size:24px;
	line-height: 28px;
}
}



@media only screen and (min-width: 960px) {
h1.containerh1{
	font-size: 48px;
	margin-bottom: 20px;
	line-height: 49px;
}
.textBlock span{
	font-size:20px;	
	line-height:22px;
}

.subhead{
	font-size: 14px;
}
.textTitle{
	position: absolute;
color: #fff;
text-align: center;
top: 20%;
font-size: 35px;
line-height:38px;
}


blockquote span{
	font-size:34px;
	line-height: 38px;
}

}



@media only screen and (min-width: 1100px) {
h1.containerh1{
	font-size: 56px;
	margin-bottom: 20px;
	line-height: 60px;
}


.subhead{
	font-size: 18px;
	line-height:24px;
margin: 0 auto;
}
}


@media only screen and (min-width: 1350px) {
h1.containerh1{
	font-size: 76px;
	margin-bottom: 20px;
	line-height: 75px;
}
#texttitle0{
	top:20%;
	left:5%;
	max-width:800px;
}
.textBlock span{
	font-size:24px;	
	line-height:28px;
}

}