/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

.header-img{
         background-repeat: no-repeat;
         background-position: center; 
         background-size: cover /*2000px 1300px*/; 
         color:white; 
         padding:30%;
         padding-top:10%;
         padding-bottom:10%;
         font-size:20px;
         text-align:center;
}

.header-img h2 {
    color:black;
}
/*#img{ 
  -webkit-filter: grayscale(1);
  -webkit-filter: grayscale(50%);
  filter: grayscale(50%);
  filter: url(#greyscle);
  filter: gray;
}*/

.circle {
    background:rgb(255, 181, 20);
	border-top-left-radius: 50%;
    border-bottom-left-radius:50%;
    border-top-right-radius:50%;
    border-bottom-right-radius:50%;
    height:auto;
    width:auto;
    text-align:center;
    color:white;
    padding: 10%;
}

.margin {
    background: rgba(255, 255, 255, 0.80);
    padding:3%;
    color:black;
}



/*.navbar {
 top: -50px;
}*/

/*Expandible divs*/
.expandable-panel {
    width:100%;
    position:relative;
    min-height:50px;
    overflow:auto;
    margin-bottom: 20px;
    border:0px solid #999;
}
.expandable-panel-heading {
    width:100%;
    cursor:pointer;
    min-height:50px;
    clear:both;
    background-color:white;
    position:relative;
}
.expandable-panel-heading:hover {
    color:#666;
}
.expandable-panel-heading h2 {
    padding:14px 10px 9px 15px;
    font-size:18px;
    line-height:20px;
}
.expandable-panel-content {
    padding:0 15px 0 15px;
    margin-top:-999px;
}
.expandable-panel-content p {
    padding:4px 0 6px 0;
}
.expandable-panel-content p:first-child  {
    padding-top:10px;
}
.expandable-panel-content p:last-child {
    padding-bottom:15px;
}




.carousel-indicators li {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 40px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  border: 2px solid;
  border-color:#ff4b00;
  /*#158cba*/
}

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 90%;
}