@media (max-width: 1200px) {
    .hidden {
        display: inline-block
    }

    .menu {
        display: none
    }

    .fixed .hamburger {
        margin-top: -20px
    }

    .fixed ul.container {
        padding: 0
    }

    .fixed .width {
        margin-left: 7%
    }

    .fixed .hamburger {
        margin-right: 6.5%
    }

    .container {
        padding-left: 8%;
        padding-right: 8%
    }
        
    svg {
        width: 1600px
    }
}

@media (max-width: 992px) {
    .about .flex div {
        width: 100%
    }

    .careers input:not(.notstyled),
    .careers select {
        width: 49.5%
    }

    .careers label {
        width: 100%
    }

    .contact form div {
        width: 100%
    }

    .contact form div textarea {
        height: 200px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .services .flex div {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .services .flex div {
        width: 100%;
        padding: 4% 2%
    }

    .careers input,
    .careers select {
        width: 100% !important
    }

    .container {
        padding-left: 5%;
        padding-right: 5%
    }

    .fixed .width {
        margin-left: 3.5%
    }

    .fixed .hamburger {
        margin-right: 3%
    }

    .contact > div.flex div a,
    .contact > div.flex div span {
        font-size: 13px
    }

    .contact h3 {
        font-size: 16px
    }

    .contact > div.flex div i {
        font-size: 30px
    }
}