*{  
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}



body
{
    color:#171a20;
    font-family: 'M PLUS 1', sans-serif;
}

.desktop
{
    display: none;
}

@media (min-width: 1200px) {
    .desktop
    {
        display: initial;
    }
}

header nav.right
{
    text-align: right;
}
section
{
    height: 100vh;
    background-size: cover;
    background-position: center;
}






header
{
    display: grid;
    grid-template-columns: auto 1fr auto;
    padding: 5px 20px;
    position: fixed;
    top:0px;
    width: 100%;
}
a.logo
{   
    height: 12px;
    width: 100px;
    color: #171a20;
}
header nav a
{
    color: #171a20;
    text-decoration: none;
    padding: 5px 10px;
}
header nav.center
{
    text-align: center;
}

section .content
{   
    width: 100%;
    height: 100vh;
    padding-top: 15%;
    padding-top: 15vh;
    padding-bottom: 15vh;
    text-align: center;
    display: grid;
    grid-template-rows: min-content auto min-content;
}
section .h1
{
    font-size: 3rem;
}
section a
{
    color: #171a20;
}
section .buttons a{
    display: block;
    background-color: #eee;
    color: #171a20;
    padding: 10px 50px;
    border-radius: 4px;
    border: 1px;
    text-decoration: none;
    font-weight: 500;
    
}
section .buttons
{
    display: grid;
    row-gap: 20px;
    margin: 0px 40px;
}
@media (min-width:768px)
{
    section .buttons{
        max-width: 640px;
        margin: 0 auto;
        grid-template-columns: 1fr 1fr;
        column-gap: 20px;
    }
}

section .buttons a:first-child
{
    background-color: rgba(23, 26, 32, 0.8);
    color: #eee;
    
}
section .buttons a:last-child
{
    background-color: rgba(244, 244, 244, 0.65);
    color: rgba(23, 26, 32, 0.8);
}