body{
    background:#473936;
    color:#d9d9d9 !important;
    min-height: 100%;
    font-family: 'Open Sans', sans-serif;

}
a{
    color:#d9d9d9 !important;
}
.social{
  list-style-type: none;
  padding:0px;
  margin:0px;
}
.social li {
  list-style-type: none;
  padding: 0px;
  margin:0px;
  display:inline-block;
  border-right: 1px solid #ccc;
  padding-right:15px;
  padding-left:15px;
  text-align: center;
  height:27px;
  line-height: 27px;
}
.footer{
  text-align: center;
  margin-bottom: 50px;
}
.social li a{
  font-size:1.5em;
}
.navbar{
    background-color: #473936;
    padding-top:20px;
    z-index:99999;
}
h1{
  font-size: 1.5em
}
.son{
  font-family: 'Open Sans', sans-serif;

}
h1.son{
    font-weight: bold;
}
div.son{
    font-weight: normal !important;
}
.ben{
  font-size:2.5em !important;
  font-weight: bold;
  width:40%;
  line-height: 60%;
  margin:100px auto;
}
.navbar-collapse{
  height:90vh;
}
.navbar-toggle.collapsed .icon:before {
    content: '\f00d';
}



.navbar-nav{
    padding-left: 30px;
}




.navbar-nav li span{
    color:#d9d9d9 !important;
    font-size:25px;
    font-weight: 400;
    padding-left:24px;
    padding-right:24px;
}
.bodyContainer{
    margin-top:100px;
    font-family: 'Kaushan Script', cursive;
    position: relative;
    font-size:1.2em;

}
nav a.active{
    color:#fff !important;
}
.bodyContainer .content{
    padding-top:120px;
    min-height:83vh;
    width:80%;
}
.pfixed{
    top:20px;
    position: absolute;
    right: 0px;
    width:200px;
    height:560px;

}
.pfixed div{
    position: fixed;
    background-size:contain!important;
    width:200px;
    height:480px;
}
.mobile{
    display:none;
}
.desktop{
    display:block;
}

.navbar-nav .nav-link{
    font-size:2em;
    font-weight: bold;
    text-align: center;
}

@media only screen and (max-width: 1500px) {



    .navbar-light .navbar-toggler{
        color:#d9d9d9 !important;
    }

}

@media only screen and (max-width: 600px) {
    .pfixed{
        display:none;
    }
    .mobile{
        display:block;
    }
    .desktop{
        display:none;
    }
    a.logoa
    {
      width:50%;
    }
    img.logo{
      width: 100%;
    }
    .main-menu .nav li a{
      font-size:1.2em !important;
    }
    .nav-button #nav-icon3{
        width: 20px !important;
        height:17px !important;
    }
    .nav-button{
      position: relative;
      z-index: 1111;
      border: solid 1px #f8f8f8;
      height: 42px !important;
      display: block;
      width: 96px !important;
      padding: 8px !important;
    }
    .bodyContainer .content{
      width:100%;
    }
    .navbar{
      padding:0px !important;
      padding-top:10px !important;
    }
}



.main-menu{width: 100%; height: 100%; opacity: 0; visibility: hidden;}
.nav-open .main-menu {opacity: 1; visibility: visible; background:#3a2e2b; }
.main-menu .nav li a{color:#FFF; font-size: 5vh; font-weight:600; }
.main-menu .nav li{
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-animation-timing-function: cubic-bezier(.45,.005,0,1);
    -moz-animation-timing-function: cubic-bezier(.45,.005,0,1);
    -o-animation-timing-function: cubic-bezier(.45,.005,0,1);
    animation-timing-function: cubic-bezier(.45,.005,0,1);
}
.nav-open .main-menu .nav li{
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform .2s,opacity .2s;
    transition: transform .2s,opacity .2s;
}
.main-menu .nav li.delay-1{-webkit-transition-delay:0.1s; -moz-transition-delay:0.1s; -ms-transition-delay:0.1s; -o-transition-delay:0.1s; transition-delay:0.1s; }
.main-menu .nav li.delay-2{-webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -ms-transition-delay:0.2s; -o-transition-delay:0.2s; transition-delay:0.2s; }
.main-menu .nav li.delay-3{-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -ms-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s; }
.main-menu .nav li.delay-4{-webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -ms-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s; }
.main-menu .nav li.delay-5{-webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -ms-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; }
.main-menu .nav li.delay-6{-webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; -ms-transition-delay:0.6s; -o-transition-delay:0.6s; transition-delay:0.6s; }
.main-menu .nav li.delay-7{-webkit-transition-delay:0.7s; -moz-transition-delay:0.7s; -ms-transition-delay:0.7s; -o-transition-delay:0.7s; transition-delay:0.7s; }
.main-menu .nav li.delay-8{-webkit-transition-delay:0.8s; -moz-transition-delay:0.8s; -ms-transition-delay:0.8s; -o-transition-delay:0.8s; transition-delay:0.8s; }
.main-menu .nav li.delay-9{-webkit-transition-delay:0.9s; -moz-transition-delay:0.9s; -ms-transition-delay:0.9s; -o-transition-delay:0.9s; transition-delay:0.9s; }

.nav-button{position:relative; z-index:1111; border:solid 1px #f8f8f8;  height:50px; display:block; width:100px; padding:12px; }
.nav-button #nav-icon3{width:24px;height:22px;display:inline-block;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
.nav-button #nav-icon3 span{display:block;position:absolute;height:3px;width:100%;background:#FFFFFF;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.nav-button #nav-icon3 span:nth-child(1){top:0}
.nav-button #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){top:7px}
.nav-button #nav-icon3 span:nth-child(4){top:14px}
.nav-open #nav-icon3 span:nth-child(1){top:9px;width:0;left:50%}
.nav-open #nav-icon3 span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.nav-open #nav-icon3 span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-open #nav-icon3 span:nth-child(4){top:9px;width:0;left:50%}

.flex-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%}


.nav-link:hover{
  color:#fff !important;
}