body{ 
    font-family: 'Kosugi', sans-serif !important;
}

h1{font-size: 2.827em;}
h2{font-size:1.999em;}
h3{font-size: 1.414em;;}
h4,h5{font-size:1.225em;;}
p{
    font-size:1em;
    font-weight: 100;
}

#topHeader{
    background: url(/image/header-workstation.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-top: -50px;
  padding: 2em 2em;  
}
#header{
    background:#000;
    height: 120px !important;
    margin-top: 40px;
}

.topHead{
    position: fixed;
    top: 0px;
    z-index: 2;
    background: #fff;
    bottom: px;
    width: 100%;
    padding-top: 5px;
    padding-right: 20px;
}


.bg-dark{
    background: #000 !important;
}
.ml-2{
    margin-left: 4rem!important;
    
}

@media (min-width: 768px){
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 3rem;
      }
      
}


@media (max-width: 480px){
    #topHeader{
        background:#ffff00
    }  

    .topHead{
        display: none;
    }
      
    #header{
        margin-top: 0;
    }
}


.section{
    padding: 4em 0em;
}

.section-3{
    margin-top: 20px;
}

.headers{
    padding-bottom: .5em
}
.button > a{
    background: #000;
    color: #fff;
    padding: .5em 1em;
    border-radius: 3px;
}

.button > a:hover{
    text-decoration: none;
}
.black-gb{
    background: #000;
    color: #fff;
}
.white-bg{
background-color: #fff;
color: #000;
}

#why{
    background: url(/image/join_us.png) no-repeat center center; 
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#why, #features{
    padding: 5em 3em; 
}

#events{
    background: #ffff00 !important;
}

#features-icons-1,#features-icons-2,#features-icons-3{
    padding: 1em 0;
}

.button-form{
    background: #000;
    color: #fff;
    padding: .5em 1em;
    border-radius: 3px; 
    border: none;
}

#map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
#map-responsive iframe{
    left:0;
    top:0;
    height:75%;
    width:100%;
    position:absolute;
}

footer {
    position: absolute;
    margin-top: -20px;
    padding-top: 1em;
    /* height: 40%; */
    background: #000;
    color: #fff;
    width: 100%;

}

.logo-ztb,.icon-zotabox-logo{
display: none;
}

.topIcon{
    display: inline-block;
}