@import url('https://fonts.googleapis.com/css?family=Oswald|Roboto');
body {
  /*padding-top: 68px;*/
  font-family: 'Roboto', sans-serif;
}
html, body{
  color: #fff;
  background-color: #333;
  height: 100%;
  width: 100%;
}
/*DEVELOPMENT*/
/*div{
  outline: 1px dotted green;
}*/

.logowh{
  width:100px;
}
.logob{
  width:180px;
}
.logo{
  width:160px;
  padding-right:30px;
}
.b6{
  background-color: #666;
  outline: 2px solid #fff;
}
.b6-gallery{
  background-color: #666;
}
.mob-photo img{
  max-width: 100%;
}
.margin-b{
  margin-bottom: 10px;
}
a {
  color: #efefef;
  transition: all 0.125s ease-in-out 0s;
}
a:hover, a:focus, a:active {
  text-decoration: none;
  color: #79cd1b;
  outline: 0;
}
#contact a {
  color: #79cd1b;
  transition: all 0.125s ease-in-out 0s;
}
#contact a:hover, #contact a:focus, #contact a:active {
  text-decoration: none;
  color: #333;
}
/*BUTTONS*/
.btn{
  text-shadow: none;
}
.btn-outline-light:hover{
  color: #868e96;
}
.btn-outline-dark:hover{
  color: #fff;
}
h3{
  padding-bottom: 20px;
}
/*NAV*/
.nav-padding .container{
  padding: 0;
  outline: 2px solid #fff;
}
.nav-gallery-padding{
  margin-left: 2px !important;
  outline: 2px solid #fff;
}
.navbar-toggler {
  border: none;
  padding: 5px;
}
.navbar-brand .brandlogo{
  width: 420px;
  margin-right: 40px;
  padding-left: 30px;
}
.navbar-brand .greatlogo{
  position: relative;
  top: 3px;
  width: 240px;
}
.navbar-brand {
  position: relative;
  top: -3px;
  font-size: 28px;
  font-family: 'Impact', 'Oswald', sans-serif;
  color: #666 !important;
  letter-spacing: 1px;
}
.navbar-brand small {
  position: relative;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  color: #79cd1b !important;
  letter-spacing: 1px;
  margin-left: 10px;
  top: -2px; 
}
.dropdown-menu{
  border-radius: 0;
  border: 0;
}
/*lg*/
@media (max-width: 991.98px) {
  .dropdown-menu{
    background-color: transparent;
  }
  .navbar-toggler {
    margin-right: 10px;
  }
  .navbar-collapse .navbar-nav{
    margin-left: 10px;
  }
  .navbar-brand .brandlogo{
    width: 320px;
    margin-right: 20px;
    padding-left: 10px;
  }
  .navbar-brand .greatlogo{
    position: relative;
    top: 1px;
    width: 180px;
  }
  .logowh{
    margin-left: 7px;
  }
}
/*sm - md*/
@media (max-width: 767.98px) {
  .dropdown-menu{
    background-color: transparent;
  }
  .navbar-toggler {
    margin-right: 10px;
  }
  .navbar-collapse .navbar-nav{
    margin-left: 10px;
  }
  .navbar-brand .brandlogo{
    width: 240px;
    margin-right: 0;
    padding-left: 10px;
  }
  .navbar-brand .greatlogo{
    position: relative;
    top: 1px;
    width: 80px;
    display: none;
  }

  .logowh{
    margin-left: 7px;
  }

}
/*xs*/
@media (max-width: 575.98px) {
  .b6{
    outline: none;
  }
  .text-content{
    font-size: 14px;
  }
  .dropdown-menu{
    background-color: transparent;
  }
  .navbar-toggler {
    margin-right: 0px;
  }
  .navbar-collapse .navbar-nav{
    margin-left: 0px;
  }
  .nav-container{
    padding-left: 0;
    padding-right: 0;
  }
  .navbar-brand .brandlogo{
    width: 180px;
    margin-right: 0;
/*    margin-left: 0;*/
    padding-left: 0;
  }
  .navbar-brand .greatlogo{
    position: relative;
    top: 1px;
    width: 80px;
    display: none;
  }

  .logowh{
    width:80px;
    margin-left: 0px;
  }
}
.navbar-nav .active,.nav .active{
  color: #79cd1b !important;
}
.dropdown-item  {
  background-color: transparent !important;
}
.dropdown-item  {
  color: rgba(0,0,0,.5) !important;
  transition: all 0.125s ease-in-out 0s;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: rgba(0,0,0,.7) !important; 
}
/*UTILITY*/
.nopadding {
  margin: 0 !important;
  padding: 0 !important;
}
.vertical-center {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.outline1{
  outline: 1px solid #fff;
}
.outline2{
  outline: 2px solid #fff;
}
.pt-20{
  padding-top: 20px;
}
.pb-20{
  padding-bottom: 20px;
}
.pt-40{
  padding-top: 40px;
}
.pb-40{
  padding-bottom: 40px;
}
.pr-40{
  padding-right: 40px;
}
.pt-80{
  padding-top: 80px;
}
.pb-80{
  padding-bottom: 80px !important;
}
.pb-120{
  padding-bottom: 120px !important;
}
.mb-20{
  margin-bottom: 20px;
}
.mt-20{
  margin-top: 20px;
}
.mr-20{
  margin-right: 60px;
}
/*.img-fluid{
  width: 100%;
}*/
.cover-container {
  padding-top: 30px;
  height: 540px;
  width: 100%;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
}
.cover-item {
    display: inline-block;
    margin: 8px 8px;
    height: 450px;
    outline: 2px solid #fff;
}
.cover-item img{
  height: 450px;
  width: auto;
}
.copyright{
  font-size: 12px;
}
footer {
  padding-top: 40px;
}
footer{
  text-align: center;
  font-size: 12px;
  color: #666;
}
footer a{
  color: #666;
}
footer a:hover, footer a:focus, footer a:active {
  color: #999;
}