.navbar-inverse .navbar-nav {
      display: inline-block;
      float: none;
      text-transform: uppercase;
}

.navbar-inverse .navbar-collapse {
      text-align: center;
}


body {
      position: relative;
      /*font-family: "Open Sans",Verdana, Arial, Helvetica, sans-serif;*/
      font-family: 'Roboto', sans-serif;
      color: #333;
      }

hr {
      border: 0;
      height: 1px;
      background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

iframe{
      display: none;
      margin: 0 auto;
      }

.jumbotron{
      border-radius: 0!important;
      text-align: center;
      margin-bottom: 0;
      padding-top: 56px;
      background: #abbaab; /* fallback for old browsers */
      background: -webkit-linear-gradient(to left, #ffffff, #abbaab); /* Chrome 10-25, Safari 5.1-6 */
      background: linear-gradient(to left, #ffffff, #abbaab); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
      opacity: .98;
}
        
.jumbotron h1{
      font-size: 34px;
      text-transform: uppercase;
      margin-top: 30px;
 }

 .jumbotron p {
    font-weight: 300;
 }

 .center {
      max-width: 562px;
      margin: 20px auto 30px;
 }

 .center-image {
       width: 90%;
 }

 .title {
    margin-bottom: 20px;
 }
          
.container-fluid{padding: 0}          
.container{
      text-align: center
      }   

.container p {
  font-size: 1.65rem;
}
#section1,#section2, #section3, #section4, #section31, #section5 {padding: 50px 0 50px;}


 .carousel-inner > .item > img,
 .carousel-inner > .item > a > img {
      width: 70%;
      margin: auto;
  }

footer{text-align: right; color: #fff; background-color: #000 }
footer p{margin: 0}
footer a, footer a:focus{color: #fff; text-decoration: none}
footer a:hover{color: aqua; text-decoration: none}
.carousel-inner{
     height: 100%;
}
.col-xs-12 {
      box-sizing: border-box;
      border: 1px solid #fff;
      margin-bottom: 20px;
      transition: all 0.3s ease-in;
}
.col-xs-12:hover {
      border: 1px solid lightgray;
}


.white {background-color: rgba(255,255,255,.98)}

.pt-20 {
      padding-top: 20px;
}

a:hover {
      text-decoration: none;
}

@media only screen and (min-width: 768px) {
    body {
      background-image: url('../images/bg.jpg');
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-position: center top;
      background-size: cover
      }
    iframe {display:block}
}

@media only screen and (max-width: 768px) {
      .jumbotron {
            padding-top: 50px;
      }

      .jumbotron h1 {
            font-size: 24px;
      }

      .jumbotron p {
            font-size: 18px;
      }
}