@media screen and (max-width: 1400px) {
    #footer-info-container {
        background-image: url("images/footer-horizontal.png") !important;
        justify-content: center !important;
    }
}

@media screen and (max-width: 1200px) {
    header {
        min-height: 500px;
    }

    #footer-info-container {
        /*background-image:none!important;
        background-color: #ffcf03 !important;*/
    }

    footer #footer-side-menu {
        justify-content: center;
        margin-top: 10px;
    }

        footer #footer-side-menu > div {
            flex-direction: row !important;
            flex-wrap: wrap;
        }

        footer #footer-side-menu a {
            flex: 50%;
        }
}

@media screen and (max-width: 1024px) {
    header {
        min-height: 500px;
    }
}

@media screen and (max-width: 900px) {
    header {
        min-height: 500px;
    }
}


@media screen and (max-width: 768px) {
    header {
        min-height: 500px;
    }

        header .logo {
            flex-direction: column !important;
        }

        header #logo img,
        header #menu-logo {
            width: 300px;
        }

    .logo > * {
        margin-bottom: 15px;
    }

    #page-hp .menu-img,
    #page-hp .video-img,
    #page-hp .images-img {
        width: 200px;
    }

    #page-hp .media {
        min-height: 2000px;
        flex-direction: column;
    }
    footer >.row {
        justify-content:center;
    }

    footer #footer-info-container {
        background-image: url("images/footer-vertical.png") !important;
        background-size:cover!important;
        max-width:300px;
    }

    footer #footer-info {
        flex-direction: column;
        align-items: center !important;
        background-image: none;
        /*background-color: #ffcf03;*/
    }

    footer #footer-side-menu {
        justify-content: center;
        margin-top: 10px;
        max-width: 300px;
    }

        footer #footer-side-menu > div {
            flex-direction: column !important;
            align-items:center !important;
            text-align:center !important;
        }

        footer #footer-side-menu a {
            flex: 50%;
        }

    #page-menu #menu-list {
        flex-direction: column;
    }
}


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

    header #logo img,
    header #menu-logo {
        width: 200px;
    }
}

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

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