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

    /* Second Banner */
    #second-banner {
        margin: 150px 0 150px 0;
    }

    /* Gallery */
    #gallery {
        padding: 0 150px;
    }
}

@media screen and (max-width:992px) {
    #banner .images img#start-object {
        position: absolute;
        left: 0;
        width: 25%;
    }

    #banner .images img#end-object {
        position: absolute;
        right: 0;
        width: 25%;
    }

    #second-banner .card {
        height: 300px;
    }

}

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

    /* Gallery */
    #gallery {
        padding: 0 75px;
    }

    /* Banner */
    #second-banner .card {
        height: 240px;
    }

    #second-banner .card .data h1 {
        font-size: 23px;
    }

    #second-banner .card .data {
        /* width: 200px; */
        /* padding: 30px; */
        line-height: 20px;
        font-size: 13px;
    }

    /* About */
    #about .title {
        top: 100px;
        padding-right: 45px;
        text-align: start;
    }
}

@media screen and (max-width:576px) {
    #about .image {
        display: flex;
        justify-content: center;
    }

    #about .title {
        width: 100%;
        padding-right: 0;
        text-align: center;
    }

    #about .title h3 {
        display: inline-block;
        padding: 10px 20px;
        background: linear-gradient(#ffc70e, #ffe693, #ffc70e);
        border-radius: 15px;
    }

}