html, body {width:100%; overflow-x:hidden;}

.navbar-inverse .navbar-inner {background-color:#000 !important;}
.brand {padding:10px 30px 10px 30px !important;}
.navbar .nav > .active > a {border-top-color:#b32c47 !important;}

/*#myCarousel .item {min-height:385px;}*/

.c2aBackground {background-color:#b32c47;}
.c2aForeground {color:#b32c47;}

.carousel-item-title {font-size:42px !important;}

/*color scheme*/
/*
socorra's pink: b32c47
light pink: d97f91
dark greyish purple: 4c3d40

*/
#head-top {background-color:black;}

.hero-unit {padding-top:100px;}

#Section-1, .gobtn, #section-1-go-btn-wrapper {background-color:black; color:#eae3e4;}

.modal-body, .modal-header { color: black; }

#Section-1a, #Section-1 .gobtn, #section-1a-go-btn-wrapper {background-color:#2b2b2b; color:#fff;}

#section-1-go-btn-wrapper i {color:white;}

#Section-2, #Section-1a .gobtn {background-color:#4c3d40;}

#section-2-go-btn-wrapper i, #section-1a-go-btn-wrapper i {color:white;}

.lb-container{width:600px;}
.lb-outerContainer{width:600px !important;}

#Section-3, #Section-2 .gobtn {background-color:#2b2b2b; color:white;}

#Section-4 {background-color:#eae3e4; color:black;}


#foot-sec {background-color:black !important;}

.modal-title{color:#555;}


#Section-1 .container, #Section-2 .container {position:relative;}
#section-1-go-btn-wrapper, #section-2-go-btn-wrapper {bottom:-75px;}

.gobtn {box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important;}

.well .lead {color:#b32c47 !important; font-weight:bold !important;}

a {color:#b32c47;}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	#myCarousel h1 {font-size:20px;}
	.hero-unit {padding-left:0px; padding-right:0px; padding-top:0px !important;}
}

@media only screen 
and (max-width : 320px) {
	.navbar-fixed-top {position:relative !important;}
}

@media (max-device-width: 640px) {
 /*Iphone portrait and smaller*/
	.navbar-fixed-top {position:relative !important;}	
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { 
	.hero-unit {padding-top:60px !important;}
}

@media only screen and (max-width: 1200px) {
	.navbar .nav > li > a {padding:30px 12px !important;}
}