@charset "UTF-8";
/* CSS Document */
/*--------------------general styles------------*/
#container{
	background-color: #4D4D4D;
	color: #fcf0e3;
}

body{
	font-size: 16px;
}

.mid .top .bottom {
	font-size: 1em;
}

h1, h2, h3, h4, p{
	max-width: 100%;
}
body{
	font-family: 'Raleway', sans-serif;
}
h1{
	 font-family: 'Lily Script One', cursive;
}
h2, h3{
	 font-family: 'Raleway', sans-serif;
}
 /*-------------------header--------------------*/

p.top, p.bottom, p.mid{
	 font-size: 1em;
	 padding-top: 15px;
	 padding-bottom: 5px;
	
 }
 
 
 
 .logo{
	 padding-top:10px;
	 height: 65px;
	 padding-left: 10px;
 }
 
 #topper{
	 padding-bottom: -20px 0;
 }
 
 
 .facebook, .instagram {
	font-size: 1em;
	margin: 5px 0 5px 0;
	color: #fcf0e3;
}

.instagram{
	padding-top:10px;
}

.facebook a {
	color: #fcf0e3;
	text-decoration: none;
	height: 25px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 40px;
	background-image: url(../images/facebook.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

.instagram a {
	color: #fcf0e3;
	text-decoration: none;
	height: 25px;
	width: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 40px;
	background-image: url(../images/instagram.png);
	background-repeat: no-repeat;
	background-position: right center;
}
 
 .nav > li > a {
 	min-height: 50px !important;
 }

/*-------------------announcements------------------*/

#myCarousel{
	z-index: 0 !important;
}

p.announcements{
	color: #fff !important;
	font-size: 1.1em;
	
}

p.announcements a{
	color: yellow !important;
	text-decoration: underline;
}

p.announcements a:hover{
	color: orange !important;
	
}


/*--p.announcements, p.announcement-word{
	display: inline !important;
}--*/

img.announcements1{
	margin: 0 0 2em 0;
	max-width: 100px;
	float: center;
}

p.announcements-pic{
	font-size: 0.6em;
	text-align: center;
	color: #fff;
}

p.announcements-pic a{
	text-decoration: none;
	
}

p.announcements-pic a:hover{
	text-decoration: none;
	color: yellow;
	
}
p.announcement-word{
	color: yellow !important;
	
}

#announcements {
	background-color: #000 !important;
	z-index: 1 !important;
	text-align: center !important;
	border-radius: 0 0 25px 25px;
	border: 2px solid #4D4D4D;
	
}

#announcements2 {
	background-color: #000 !important;
	z-index: 2 !important;
	text-align: center !important;
	border-radius: 0 0 25px 25px;
	border: 2px solid #4D4D4D;
	
}

 

/*----------------------billboard-------------------*/


.btn-default {
    
    background-color: rgba(255, 255, 255, 0.7);
	max-width: 100%;

}

.full-width {
    width: 100%;
}

.carousel-caption {
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
}

/*------------------- footer ---------------------*/

footer{
	padding-top: 1em;
	background-color:#000;
	border-top-color: #fff;
	border-top-width:7px;
	border-top-style:inset;
}
ul.products, ul.services, ul.other{
	list-style:none;
	text-decoration: none;
	color: #fff;
	background-color:#000;
	padding: 10px 0 10px 150px;
}

ul.products a, ul.services a, ul.other a {
	color:#fff;
	background-color:#000;
}

ul.products a:hover, ul.services a:hover, ul.other a:hover{
	
	color: #fcf0e3;	
	text-decoration: none;
}


p.mid{
	 magin:0;
	 padding:0;
 }

/*------------------- media queries ---------------------*/

@media screen and (min-width: 750px) {/*750 and above*/

.carousel-inner {
	height: 625px;
}

.carousel-caption {
	display: inline-block;
	vertical-align: middle;
	padding-top: 225px;
}


#announcements{
	background-color: #000;
	margin-bottom: -100%;
	z-index: 1;
}

#announcements2{
	background-color: #000;
	margin-bottom: -100%;
	z-index: 2;
}



}

@media screen and (max-width: 1070px) {  /*--- 750 and below-----*/

img.announcements1{
	margin: 0 0 1em 0;
	max-width: 100%;
	float: center;
	height: 65px;
}

.carousel-inner {
	height: 100%;
}


}

@media screen and (max-width: 750px) {  /*--- 750 and below-----*/

p.announcements-pic a:hover{
	text-decoration: none;
	color: yellow;
	
}


h1{
	font-size: 1.5em !important;
}

p{
	font-size: 0.9em !important;
}



.btn{
white-space: normal !important;
    
}

img.announcements1{
	float:none;
}

p.announcements-pic{
	text-align: center;
}

img.announcements1{
	margin: 0 0 1em 0;
	max-width: 100%;
	float: center;
	height: 65px;
}

#announcements {
	
	background-color: #000 !important;
	border-radius: 0;
	border: 2px solid #999;
}

#announcements2 {
	
	background-color: #000 !important;
	border-radius: 0;
	border: 2px solid #999;
}


}