@font-face {
    font-family: 'zerozoro';
    src: url('https://zerozoro.com/typefaces/fonts/ZEROZORO-Regular.woff') format('woff');
    }

html{
    margin:0;
    padding:0;
}
body {
    margin:0;
    padding:0;
    -webkit-font-smoothing: antialiased;
    display: grid;
}

nav.header{
        -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 76px;
    position: fixed;
    top: 0;
    padding-top: 28px;
    z-index: 10;
    padding-left: 5%;
    padding-right: 5%;
    background: transparent;
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color:#000;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    transition: 0.3s ease;  
}

.header-item {
    display: inline-block;
    font-family: "zerozoro";
    transition: 0.3s ease;  
    margin: auto;
}
.header-item:hover{
    opacity: 0.65; 
    transition: 0.3s ease;  
}

nav.header .about{
    /*float: right;*/
}
nav.header .logo a{
    text-decoration: none;
    color:#000 !important;
}
nav.header .about-label{
    cursor:pointer !important;
}

.back-to-site a{
    text-decoration: none;
    color:black;
}
.centered{
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    text-align: center;
}
.centered a{
    text-decoration: none;
    color: #000 !important;
    cursor: pointer;
    
}
section{
    width:100vw;
    height:41.6vw;
    margin: 0 !important;
    padding: 0 !important;
}
section:first-of-type{
    /*margin-top:8vh !important;*/
    height: 45.83vw;
}
section img{
    width:100%
}
section:nth-child(even){
    background: lightgray;
}
section:nth-child(odd){
    background: white;
}