/* CSS Document */



.carousel {
	margin:50px auto 0;
}

.carousel .item {
    width:100%;
    height:auto;
}
.carousel-inner > .item > img {
   min-width: 100%;
   max-height:350px; 
 }
.item {
	display:cover;
} 
 
 #slideshow {
  position: relative;
  width: 50%;
  height: auto;
}

 
 /* Box styles */
.myBox {
background-color:#E3E3E3;
border: none;
padding: 5px;
width: 100%;
height: 300px;
overflow: scroll;
color:#6E065A;	
}



 .large{
	font-size:150%;	
	 
 }
.navbar-inverse {
    background-color: #000;
    border-color: #080808;
}

/* Gets rid of gray box on bootstrap carousel */
.carousel-control.left, .carousel-control.right{ 
    background: none !important;
    filter: progid:none !important;>
}

body{
	font-family: 'Josefin Sans', sans-serif;
	text-align: center;
}

h1, h2, h3, h4, h5, h6{	
	font-family: 'Lobster Two', cursive;
}

.headers{
	text-align: left;
}

#section-1{
	background-color:#f2f2f2;
	color:#6E065A;	
}

#section-2{
	background-color:#6E065A;
	color:white;
}


.bar {
	width:100%;
	
}
.pink_header {
	color:#6E065A;
}

#section-3{
	color:black;
	background-color:#8D8D8D;
}



#section-4{
background-color:black;
color:#6E065A;
}

#section-5{
background-color:white;
color:#6E065A;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}





/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */




code {
  font-size: 100%;
}


/* 
SMALL SCREENS
///////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (min-width : 768px) {


/* 
MEDIUM SCREENS
///////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
@media  screen  and (min-width : 992px) {



/* 
LARGE SCREENS
///////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
@media  screen  and (min-width : 1200px) {


/*
PRINT STYLES
///////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/@media  print {




}