* {
    margin: 0;
    padding: 0;
    font-family: lato;
}
@font-face
    {
        font-family: 'lato';
        font-weight: normal;
        font-style: normal;

        src: url('../fonts/Lato-Medium.ttf') format('truetype');
    }
section {
    background: url('../images/AD HOC.jpg');
    width: 100vw;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    overflow: scroll;
    overflow-x: hidden;
}
section .main {
    margin: 0 auto;
    width: 98%;
    padding-top: 9%;
}
section .main img.logo {
    margin: 0 auto;
    display: block;
    width: 300px;
}
section .main img.text {
    max-width: 450px;
    padding-top: 6%;
    margin: 0 auto;
    display: block;
}
section .main .content {
    color: #a284a7;
    padding-top: 5%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
section .main .content div {
    justify-self: center;
}
section .main .content div p {
    width: 220px;
    text-decoration: none;
}
section .main .content div img {
    width: 20px;
    float: left;
    display: block;
    padding-right: 15px;
}
@media screen and (max-width: 1441px) {
    section .main {
        padding-top: 5%;
    }
}
@media screen and (max-width: 1300px) {
    section .main {
        padding-top: 8%;
    }
}
@media screen and (max-width: 767px) {
    section {
        background: url('../images/AD HOC_375.jpg');
        width: 100vw;
        height: 100vh;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    section .main img.text {
        width: 100%;
    }
    section .main .content {
        grid-template-columns: 1fr;
    }
    section .main .content div {
        padding-bottom: 30px;
    }

}
@media screen and (max-width: 420px) {
    section .main img {
        max-width: 210px;
    }
    section .main .content {
        padding-top: 35px;
    }
}
@media screen and (max-width: 321px) {
    section .main .content div {
        padding-bottom: 4%;
    }
    section .main .content {
        padding-top: 35px;
    }
}