*{
    margin:0;
    padding:0;
}

@font-face {
    font-family: "Avenir";
    src: url('Avenir_35_Light.ttf');
}

@font-face {
    font-family: "Reislust";
    src: url('Reislust.ttf');
}

body{

    margin:0;
    font-family: 'Avenir', 'serif';
    font-size:17px;
    padding-bottom:100px;
}

h1,h2,h3,h4,h5,h6,a{
    font-family: 'Reislust',"palatino";
}

.navbar-item{
    font-size:35px;
}

.navbar-end{
    padding-right:20px;
}

.navbar{
    border:none;
}



#showcase{
    height:100vh;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
    text-align:center;
    padding: 0 20px;
}

section{
    min-height: 100vh;
    padding-top:50px;
}


#showcase .button-row{
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
}

#showcase h1{
    font-size:30px;
    line-height: 1.2;
}

#showcase .logo{
    height:50%;
    opacity:1;
}

#showcase p{
    font-size:20px;
    max-width: 700px;
}

.button {
    margin-top:40px;
    font-size:28px;
    text-decoration: none;
    color:#EB8102;
    border:#EB8102 1px solid;
    padding:10px 20px;
    border-radius:10px;
    background:#EB8102;
    color:white;
}

.button:hover{
    background: white;
    color:#EB8102;

}

.button-only {
    justify-self: center;
    align-self: center;
}

.about {
    
    margin:auto;
    max-width: 944px;
    display:grid;
    row-gap:15px;
    grid-template-columns: 1fr;
    padding:30px 30px 60px 30px;
}

.spacer {
    padding-bottom: 90px;
}

.about img {
    height:100px;
    margin-bottom:20px;
}

.about-alt div:nth-of-type(1){
    order:2;
}

.title-bar {
    display:grid;
    grid-template-columns: 1fr 2fr;
    align-items: center;
    text-align: center;
}


h1{
    color:#EB8102;
    font-size:60px;
}

h2{
    font-size: 40px;
    line-height: 40px;
    color:#EB8102;
}


@media only screen and (min-width: 500px){
    h2{
        font-size:60px;
    }
}


@media only screen and (min-width: 800px){

    .about {
        grid-template-columns: 1fr 1fr;
        row-gap:15px;
    }

    .about-alt div:nth-of-type(2){
        order:2;
    }



    h1{
        font-size:80px;
    }

    h2{
        font-size:60px;
    }

   
}