body{padding-top:50px}body>.navbar{-webkit-transition:background-color .3s ease-in;transition:background-color .3s ease-in}@media (min-width:768px){body>.navbar-transparent{background-color:transparent}body>.navbar-transparent .navbar-nav>.open>a{background-color:transparent!important}}#home{padding-top:0}#home .navbar-brand{padding:13.5px 15px 12.5px}#home .navbar-brand>img{display:inline;margin:0 10px;height:100%}#banner{min-height:300px;border-bottom:none}.table-of-contents{margin-top:1em}.page-header h1{font-size:4em}.bs-docs-section{margin-top:6em}.bs-docs-section h1{padding-top:100px}.bs-component{position:relative}.bs-component .modal{position:relative;top:auto;right:auto;left:auto;bottom:auto;z-index:1;display:block}.bs-component .modal-dialog{width:90%}.bs-component .popover{position:relative;display:inline-block;width:220px;margin:20px}#source-button{position:absolute;top:0;right:0;z-index:100;font-weight:700}.nav-tabs{margin-bottom:15px}.progress{margin-bottom:10px}footer{margin:5em 0}footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}footer p{clear:left;margin-bottom:0}.splash{padding:9em 0 2em;background-color:#141d27;background-image:url(../img/bg.jpg);background-size:cover;background-attachment:fixed;color:#fff;text-align:center}.splash .logo{width:160px}.splash h1{font-size:3em}.splash #social{margin:2em 0}.splash .alert{margin:2em 0}.section-tout{padding:4em 0 3em;border-bottom:1px solid rgba(0,0,0,.05);background-color:#eaf1f1}.section-tout .fa{margin-right:.5em}.section-tout p{margin-bottom:3em}.section-preview{padding:4em 0 4em}.section-preview .preview{margin-bottom:4em;background-color:#eaf1f1}.section-preview .preview .image{position:relative}.section-preview .preview .image:before{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);position:absolute;top:0;left:0;width:100%;height:100%;content:"";pointer-events:none}.section-preview .preview .options{padding:1em 2em 2em;border:1px solid rgba(0,0,0,.05);border-top:none;text-align:center}.section-preview .preview .options p{margin-bottom:2em}.section-preview .dropdown-menu{text-align:left}.section-preview .lead{margin-bottom:2em}@media (max-width:767px){.section-preview .image img{width:100%}}.sponsor #carbonads{max-width:240px;margin:0 auto}.sponsor .carbon-text{display:block;margin-top:1em;font-size:12px}.sponsor .carbon-poweredby{float:right;margin-top:1em;font-size:10px}@media (max-width:767px){.splash{padding-top:4em}.splash .logo{width:100px}.splash h1{font-size:2em}#banner{margin-bottom:2em;text-align:center}}

.facebookicon {
    font-size: 40px !important;
    color: #3C5C9C !important;
    text-decoration: none !important;
	margin: 0 10px 0 0; }
.soundcloudicon {
    font-size: 40px !important;
    color: #FF6E12 !important;
    text-decoration: none !important;
	margin: 0 0 0 10px; }	
	

.logo { font-size:38px !important; }
.navbar-nav { font-size:18px !important; }

#soundcloudplayer { width:350px; height:350px; float:left; border:2px solid #000; margin:0 25px 35px 0; }
@media only screen and (min-width: 300px) and (max-width: 414px) {
	.epcover { margin-left:10px !important; }
}

#biography {
	background:url(../../images/2016/CJHooper.jpg) 52% 13% no-repeat fixed;
	color: 000;
	min-height: 550px;
	max-height: auto;
	margin: 0 auto;
	padding: 35px 15px 25px 15px;
}

#contacts {
	max-height: auto;
	margin: 0 auto;
	padding: 35px 15px 25px 15px;
}



@media only screen and (min-width: 1024px) and (max-width: 1370px) {
  /*#biography {
	background:url(../../images/2016/CJHooper.jpg) 10% 10% 10% 10% no-repeat fixed;
  }*/
}

@media only screen and (min-width: 800px) and (max-width: 1024px) {
  #soundcloudplayer {
    width:300px; height:300px; float:left; border:2px solid #000; margin:25px 25px 35px 0;
  }
  
  #biography {
	background:url(../../images/2016/CJHooper.jpg) 50% 10% no-repeat fixed;
  }
}

@media only screen and (min-width: 422px) and (max-width: 800px) {
  #soundcloudplayer {
    width:250px; height:250px; float:left; border:2px solid #000; margin:0 35px 35px 0;
  }
  
  #biography {
	background:url(../../images/2016/CJHooper.jpg) 40% 10% no-repeat fixed;
  }
}

@media only screen and (min-width: 376px) and (max-width: 421px) {
  #soundcloudplayer {
    width:300px; height:200px; border:2px solid #000; margin:0 auto;
  }
  .static-epcover {
	width: 250px !important; height: 250px !important; margin-left: 25px !important;
  }
  .carousel-caption h1, .carousel-caption p {
  	width:300px; padding:15px 0 0 0; margin:0 auto;
  }
  
  #biography {
	background:url(../../images/2016/CJHooper.jpg) 50% 10% no-repeat fixed;
  }
}

@media only screen and (min-width: 321px) and (max-width: 375px) {
  #soundcloudplayer {
    width:265px; height:160px; border:2px solid #000; margin:0 auto;
  }
  .static-epcover {
	width: 250px !important; height: 250px !important;
  }
  .carousel-caption h1, .carousel-caption p {
  	width:265px; padding:15px 0 0 0; margin:0 auto;
  }
  
  #biography {
	background:url(../../images/2016/CJHooper.jpg) 50% 10% no-repeat fixed;
  }
}

@media only screen and (min-width: 300px) and (max-width: 320px) {
  #soundcloudplayer {
    width:225px; height:160px; border:2px solid #000; margin:0 auto;
  }
  .static-epcover {
	width: 225px !important; height: 225px !important;
  }
  .btn-lg {
	   margin:none; margin-left:-25px;
  }
  .carousel-caption h1, .carousel-caption p {
  	width:200px; margin:0 auto;
  }
  .carousel-caption-mobile {
  	padding:15px 0 0 0 !important;
  }
  .carousel-caption p {
  	font-size: 13px !important;
  }
  
  #biography {
	background:url(../../images/2016/CJHooper.jpg) 50% 10% no-repeat fixed;
  }
}

.modal-close, .modal-text { color:#ccc !important; }
.modal-button { min-width:100% !important; }
.service-img img { min-width:155px !important; max-width:259px !important; min-height:30px !important; max-height:50px !important; }

#biography h1, #biography p { color:#fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9); }