@media screen and (max-width: 768px) {
    .logo img {
        height: 70%;
    }

    .menu-toggle:hover.active {
        background: #c10040;
    }

    .menu {
        display: none;
        position: fixed;
        background-color: rgba(11, 28, 42, 0.63);
        flex-direction: column;
        text-align: center;
        margin-left: -20%;
        width: 90%;

    }

    .menu-toggle {
        display: block;
        align-content: center;
        align-items: center;

        width: 33.3%;
        float: right;
    }

    .menu.active {
        display: flex;
        margin-top: 40px;
        width: 80%;
    }

    .port {
        height: 580px;
    }

    .back {
        margin-top: 190px;
        height: 240px;
    }

    .describe {
        width: 100%;

    }

    .describe-back {

    }

    .describe h2 {
        font-size: 12px;
        color: #fffdfd;
    }

    .describe p {
        font-size: 10px;
        color: #fffdfd;
    }

    .banner {
        height: 650px;
    }

    .banner-describe {
        margin-top: 50px;
        width: 70%;
    }

    .banner-describe-1 {
        width: 70%;
        height: 120px;
    }

    .describe-items {
        width: 100%;
    }

    .describe-items h2 {
        font-size: 12px;
        color: #fffdfd;
    }

    .describe-items p {
        font-size: 10px;
        color: #fffdfd;
    }

    .IT {
        height: 450px;
    }

    .IT-back {
        margin-top: 80px;
    }

    .structure {
        height: 800px;
    }

    .structure-top {
        height: 800px;
    }

    .structure-main {
        height: 2%;
    }

    .contact-container {
        width: 94%;
        margin-left: 1%;
    }

    .contact-form {
        width: 100%;
        margin-top: 1%;
    }

    .footer-items {
        width: 100%;
    }
}