@import url('https://fonts.googleapis.com/css?family=Courgette|Roboto');

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

    .set-background{
        height: 100%;
    }

    .header{
        margin-top: 0rem;
        margin-left: 0rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .banner{
        margin-top: 8rem;
        width: 70%;
        height: auto;
    }

    .logo{
        width: 100%;
        height: 100%;
    }

    .banner-coming-soon{
        font-family: 'Courgette', cursive;
        text-align: center;
    }

    .dfsupply{
        text-align: center;
        padding-top: 7rem;
    }

}
@media screen and (min-width:768px){
    .header{
        background-color: white;
        margin-top: 0rem;
        margin-left: 0rem;
        width: 100vw;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .banner{
        width: 70%;
        padding: 1rem;
        margin-top: auto;
        margin-bottom: auto;
        text-align: center;
    }

    .logo{
        width: 40%;
        height: auto;
    }

    .banner-coming-soon{
        font-family: 'Courgette', cursive;
        font-size: 2rem;
        color: rgba(34, 34, 34, 1);
    }

    .dfsupply{
        padding-top: 8rem;   
        text-align: center;
        font-family: 'Roboto', sans-serif;
        color:#29b555;
    }
}

a{
    color:#29b555;
}

a:visted {
    color: #29b555;
}