﻿@media screen and (max-width: 2000px) {
    #topnav-large {
        display: block !important;
    }
    #topnav-small {
        display: none !important;
    }

    #footer-large {
        display: block !important;
        height: 250px !important;
        background: black !important;
    }

    #footer-small {
        display: none !important;
    }

    #companies {
        display: block !important;
    }
    #companies-sm {
        display: none !important;
    }

    #pcode {
        display: block !important;
    }

    #pcode-sm {
        display: none !important;
    }

    #ptop {
        display: block !important;
    }

    #ptop-sm {
        display: none !important;
    }

    #slug {
        display: block !important;
    }

    #slug-sm {
        display: none !important;
    }

    #ethos-sm {
        display: none !important;
    }

    #iot {
        display: block !important;
    }

    #iot-sm {
        display: none !important;
    }

    #header-idx {
        display: block !important;
    }
    #header-idx-sm {
        display: none !important;
    }
}

@media screen and (max-width: 1130px) {
    #topnav-large {
        display: none !important;
    }

    #topnav-small {
        display: block !important;
        align-content:end!important;
    }

    #footer-large {
        display: none !important;
    }

    #footer-small {
        display: block !important;
        height: 800px !important;
        width: 100% !important;
        background: black !important;
        color:white;
    }

    .banner-img {
        top: 100px !important;
        margin-top: 90px !important;
        width: 100% !important;
        height: auto !important;
        object-fit: fill;

    }

    #companies {
        display: none !important;
    }

    #companies-sm {
        display: block !important;
    }

    #pcode {
        display: none !important;
    }
    #pcode-sm {
        display: block !important;
    }

    #ptop {
        display: none !important;
    }

    #ptop-sm {
        display: block !important;
    }

    #slug {
        display: none !important;
    }

    #slug-sm {
        display: none !important;
    }

    #ethos {
        display: none !important;
    }

    #ethos-sm {
        display: block !important;
    }

    #iot {
        display: none !important;
    }
    #iot-sm {
        display: block !important;
    }
    #header-idx {
        display: none !important;
    }

    #header-idx-sm {
        display: block !important;
    }

    #parallax-mid-id {
        display: none !important;
    }
}
