.grid {
    display: grid;
}
main {
    position: relative;
    font-family: "Arial Narrow";
    height:100vh;
    background-image: url(../img/gfteam-background-soon.jpg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.logo {
    margin-bottom: 100px;
}
h1, h2, h3 {
    font-family: Arial;
}
h1 {
    font-size: 60px;
}
h2 {
    font-size: 40px;
    margin-bottom: 100px;
}
h2 strong {
    color:#fecc00;
}
.brevesec {
    justify-content: center;
    align-content: center;
    height: 90vh;
    padding:0 70px;
    color:#fff;
    grid-template-columns: 700px;
}
.brevesec > div > div {
    margin-top:100px;
}
.bt-go {
    background-image: url(../img/bgbt.png);
    background-size: cover;
    color:#fff;
    font-size: 35px;
    padding:25px 40px;
}
p {
    font-size: 30px;
}
footer {
    display: grid;
    align-items: center;
    height: 10vh;
    bottom:0;
    font-family: "Arial Narrow";
    width:100%;
    background-color: #000;
    color:#fff;
    font-size: 20px;
}


@media screen and (max-width:767px) {
    .logo {
        margin-bottom: 20px;
    }
    h1, h2, h3 {
        font-family: Arial;
    }
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 20px;
        margin-bottom: 30px;
    }
    h2 strong {
        color:#fecc00;
    }
    .brevesec {
        justify-content: center;
        align-content: center;
        height: 90vh;
        padding:0;
        color:#fff;
        grid-template-columns: 86%;
    }
    .brevesec > div > div {
        margin-top:50px;
    }
    .bt-go {
        background-image: url(../img/bgbt.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        color: #fff;
        font-size: 16px;
        padding: 25px 40px;
    }
    p {
        font-size: 20px;
    }
    br {
        display:none;
    }
    footer {
        display: grid;
        align-items: center;
        height: 10vh;
        bottom:0;
        font-family: "Arial Narrow";
        width:100%;
        background-color: #000;
        color:#fff;
        font-size: 20px;
    } 
    footer p {
        font-size: 14px;
    }  
}
@media screen and (min-width:768px) and (max-width:1024px) {
    .logo {
        margin-bottom: 50px;
    }
    h1, h2, h3 {
        font-family: Arial;
    }
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 30px;
        margin-bottom: 50px;
    }
    h2 strong {
        color:#fecc00;
    }
    .brevesec {
        justify-content: center;
        align-content: center;
        height: 90vh;
        padding:0 70px;
        color:#fff;
        grid-template-columns: 700px;
    }
    .brevesec > div > div {
        margin-top:50px;
    }
    .bt-go {
        background-image: url(../img/bgbt.png);
        background-size: cover;
        color:#fff;
        font-size: 35px;
        padding:25px 40px;
    }
    p {
        font-size: 30px;
    }
    footer {
        display: grid;
        align-items: center;
        height: 10vh;
        bottom:0;
        font-family: "Arial Narrow";
        width:100%;
        background-color: #000;
        color:#fff;
        font-size: 20px;
    }  
}