.content img{
    max-width:100%;
    }
    .copyright:hover{
        transition: transform .5s;
        transform: scale(1.8);
    
    }
    .intro h2 {
      color: #fff;
      font-size: 40px;
      font-weight: 400;
      margin-top: 30px;
      margin-bottom: 10px;
      text-transform: uppercase;
      letter-spacing: -1px;
    }
    .intro .overlay {
      height: 400px;
    }
     @media (min-width: 768px){
      .on .navbar-right{
       float: right!important;
          margin-right: -15px;
          margin-top: 0 !important;
      }
 
      #footer .social i {
    font-size: 26px;
    padding: 4px;
    color: #cab17a;
    transition: all .3s;
}
        
      .navbar-fixed-top .navbar-right {
          float: right!important;
          margin-right: -15px;
          margin-top: 32px;
      }

}
@media (max-width: 768px){
  .img-for-mobile a img{
    margin: 0 7px 0 7px;
    border-radius: 12px 12px 12px 12px !important;
   }
}
 @media (max-width: 568px){
   
#menu.navbar-default a img {
  width: 85px;

    
    }}
    
    .on {
    background-image: #000000b0!important;
     background: #000000b0!important;
    padding: 0!important;
    padding: 10px 0!important;
}


#footer a:hover,#footer a:focus {
    text-decoration: none;
    color: #fff;
}
    
#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
  }
  .content {
    position:  relative;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
  
  }
  
  /* Style the button used to pause/play the video */
  #myBtn {
    width: 200px;
    font-size: 18px;
    padding: 10px;
    border: none;
    background: #000;
    color: #fff;
    cursor: pointer;
  }
  
  #myBtn:hover {
    background: #ddd;
    color: black;
  }

  @media (min-width: 1200px){
    .container {
        width: 80%;
    }
    }