@media only screen and (min-width : 320px) and (max-width : 980px) {
    #header .logo {
        display: flex;
        justify-content: center;
    }
    #header .line {
        margin-bottom: 0px;
    }
    #header .title {
        padding: 0px;
    }
    #header .title h2 {
        font-size: 16px;
    }
    #header .title h1 {
        font-size: 30px;
    }
    #header .title h3 {
        font-size: 16px;
    }
    #content {
        margin: 20px 0 20px;
    }
    #content p {
        line-height: 20px;
        font-size: 16px;
    }
    #content .group-button {
        text-align: center;
        margin-top: 25px;
    }
    #contact .icon-contact {
        font-size: 30px;
    }
    #footer .copyright, #footer .foot-social {
        text-align: center;
    }
}