* { padding: 0; margin: 0; font-family: 'Raleway', serif; }

body { background: #000 url(img/caitlyn-banner.png) center top no-repeat; background-size:1700px}


#halo {/* display: block; */background:#111;  padding: 14px 4px 0 0;height: 52px; font-family: "Titillium Web", Arial;}
#halo-request {float:left;}
#halo-info {height: 39px;float: right;text-shadow:0 1px 1px #065;color: #098;font-size:13px;overflow: hidden;}
#halo-info > div {float:right;}
	#halo-info div em {color: #126bb3; font-style:normal; }

.halo-social {padding-left: 16px;margin-left: 18px;border-left: 1px solid #233;margin-right:10px;padding-top: 0;margin-top: 0;}

p.content-one {
    display:none;
}

.expand-halo {color: #fff;text-transform:uppercase;font-size:11px;font-family: "Montserrat", Geneva; letter-spacing:1px; margin-left: 15px;margin-top: 2px;width: 300px;box-shadow: 0 1px 4px rgba(0,0,0,0.4);padding: 9px 12px 8px 12px;background: #065;}


.expand-halo:after {content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #fff;
float:right;
margin-top:4px;}

.contactwrapper {display:block;z-index: 999;position: absolute;left: 16px;width: 283px;  background:#fff; -moz-border-radius: 5px; /* border-radius: 5px; */ -moz-box-shadow: 0 2px 4px #000;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.3);box-shadow: 0 2px 4px rgba(0,0,0,0.3); /* border-top:1px solid #555; */padding: 20px;}

#header { display:block; height:350px; }
	
	
	
		
#top {
	background:none;
	display: inline-block;
	clear: both;
	width: 100%;
	padding-bottom:0;
	position:relative;
	

	}
#maxtop {padding:4% 4% 0 4%; position:relative; max-width:1100px; margin:0 auto; display: block;}

#top1, #top2, #top3 {display:block; float:left; margin-right:2%; margin-bottom:3%; padding:2%;

					box-shadow:0 2px 4px rgba(0,0,0,0.2);
					-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);
					-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);
					}

#top1 {width:20%; }
		#top ul {}
		#top li {color:#acc;font-size:12px;line-height: 16px;margin-bottom: 3px;}

#top1 img {width:100%; margin-left:-10px;}

		
#top2 {width:44%; padding:0 15px !important; box-shadow:none !important;}


#top2 .trackhead {width:100%; margin-top:8px; margin-bottom:25px;}
#top3 {float:none !important; overflow:hidden; margin-right: 0 !important;}



#top p {font-size:12px; color: #acc; line-height:18px; margin-top:10px;}
#top p strong {color:#fff;}
#top h2 {font-weight:normal; font-size:20px;  margin-bottom:-7px; color: #099; }
#top h2,  h3 {font-family: Cinzel, Arial;}
#top h3 {margin-top:15px; font-size:14px; margin-bottom:-3px; color: #066;}

#top3 img {width:220px !important; margin-top:1px; }

#top3 #logos {width:100% !important;}
 	#moblogos {display:none; margin-bottom:24%;}
	#moblogos img {width:44% !important; float:left; margin:0 3% }
#top3 strong {color:#fff;}
#bottom { background: #000 url(img/bottom-bg.jpg) top center no-repeat;background-size:100%; 	display:inline-block; clear: both; width: 100%; padding-bottom: 1%; }
#maxbottom {padding:4% 4% 0 4%; position:relative; max-width:1100px; margin:0 auto; display: block;}

#bottom1, #bottom2, #bottom3 {display:block; float:left; margin-right:4%; margin-bottom:3%;}

#bottom1 {width:45%;}
#bottom2 {width:25%; margin-top:-10px; margin-right:6%;}
#bottom3 {float:none !important; overflow:hidden; margin-right: 0 !important; margin-top:0;}

#bottom p {font-size:12px; color:#acc; line-height:19px; margin-top:10px;}
#bottom p strong {color:#fff;}
#bottom h2, #bottom h3 {color:#099;}
#bottom h2 {margin-left:-1px; font-size:22px; font-family:Cinzel, Arial;}
#bottom h3 {font-size:18px; text-transform:uppercase;}
#bottom ul {}
	#bottom li {color:#acc; font-size:12px; line-height:17px; margin-bottom:5px;}

.bioborder {display:block; height:1px; border-top:1px solid rgba(0,0,0,0.1); margin-top:13px;}

.imdb {padding-top:20px; border-top:1px solid #133; margin-top:20px; list-style:none;}
.imdb a {color: #099; text-decoration:none; transition:0.5s;padding-left:5px;}
.imdb a:hover {color: #fff;}

#footer { display:block; background:#000; padding:15px; }
	#footer p { font-size:11px; text-align:right; color:#366;}
		#footer a {color:#7cb; text-decoration:none; }
		#footer a:hover {color:#fff;}


 .triangle {

            padding-bottom: 0px;

            font-size: 10px;

            line-height: 14px;

            vertical-align: middle;

            padding-right: 10px;

            float: left;

            display: block;

            text-shadow: 0 2px 2px rgba(255,255,255,0.7), 0 2px 2px rgba(0,0,0,0.5);

        }

.consocial {opacity:0.7; transition:0.7s; margin-top:0;}
.consocial:hover {opacity:1;}

.consocial img {width:calc(48%); }


@media screen and (max-width:929px) and (min-width:751px) {
 	#top1, #top2, #top3 {padding:3% ;}
	#top1 { min-width:30%; }
	#top2, #top3 {min-width:300px; float:none !important; overflow: hidden; width: auto !important;margin-right: 0 !important;}
	#top3 img {display:none;}
	#top3 {text-align:center; }
	#logos {display:none;}
	#moblogos {display:block;}

	#bottom2 {width:40%; margin-right:40px; }
	#bottom1, #bottom3 {float:none !important; overflow: hidden; width: auto !important;margin-right: 0 !important;}
	#bottom3 {margin-top:30px !important; }

 }



@media screen and (max-width:750px) {
	
 	#halo-info {display:none;}
	body { background:#000 url(img/caitlyn-banner.png) center top no-repeat; background-size:200%; position: relative;}
	#header {width:100%; height:1px; padding-top:40%; position:relative; display:block; }
	
	#top1, #top2, #top3  {float: none !important; width: auto !important; margin-right: 0 !important; margin-bottom:4%; padding:4%;}
	#top1 {text-align:center;}
	#top1 li {list-style:none;padding:0 margin:0; margin-left:-25px; }
	
	#top1 img {display:none;}
	#top3 img {display:none;}
	#top3 {margin-bottom:5% !important;}
	
	#logos {display:none;}
	#moblogos {display:block;}

 	#bottom1, #bottom2, #bottom3  {float: none !important; width: auto !important; margin-right: 0 !important; margin-bottom:60px;}
	#bottom3 {margin-bottom:2% !important; margin-top:-20px !important; text-align:center;}
 }