#main {
    overflow-x: visible;
}

@media screen and (min-width: 770px) {
    #main {
        overflow-x: hidden;
    }
}

#main-wrapper {
    background: #FFF;
}

div#homepage-solite-description p {
    padding-left: 10px;
}

@media screen and (min-width: 1000px) {
    .flex-container .flex-4-col {
        box-sizing: border-box !important;
        width: 33.33% !important;
    }
}

#home-intro-boxes a {
    margin: 0.25em 0 !important;
}

div#home-intro-boxes {
    display: grid;
    grid-template-columns: repeat(2, minmax(auto, 1fr));
    grid-auto-rows: minmax(auto, auto);
    margin: 0 auto;
    gap: 1em;
    grid-template-areas:
            "cleanroom cleanroom"
            "healthcare healthcare"
            "custodial custodial"
            "gigafactory gigafactory"
            "led-upgrade led-upgrade"
            "smartscan smartscan";
}

div.home-app-box {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

div#cleanroom-box {
    background-image: url(/media/home/cleanroom.jpg);
    grid-area: cleanroom;
}

div#healthcare-box {
    background-image: url(/media/home/healthcare.jpg);
    grid-area: healthcare;
}

div#custodial-box {
    background-image: url(/media/home/custodial.jpg);
    grid-area: custodial;
}

div#gigafactory-box {
    background-image: url(/media/home/gigafactory.jpg);
    grid-area: gigafactory;
}

div#led-upgrade-box {
    background-image: url(/media/home/led-upgrades.jpg);
    grid-area: led-upgrade;
}

div#smartscan-box {
    background-image: url(/media/home/smartscan.jpg);
    grid-area: smartscan;
}

@media screen and (min-width: 600px) {
    div#home-intro-boxes {
        grid-template-columns: repeat(6, minmax(auto, 1fr));
        grid-template-areas:
            "cleanroom cleanroom cleanroom healthcare healthcare healthcare"
            "cleanroom cleanroom cleanroom healthcare healthcare healthcare"
            "custodial custodial custodial gigafactory gigafactory gigafactory"
            "custodial custodial custodial gigafactory gigafactory gigafactory"
            " led-upgrade led-upgrade led-upgrade smartscan smartscan smartscan"
            " led-upgrade led-upgrade led-upgrade smartscan smartscan smartscan";
    }
}

@media screen and (min-width: 1000px) {
    #home-intro-boxes p {
        height: 180px;
    }
}

@media screen and (min-width: 1280px) {
    div#home-intro-boxes {
        grid-template-columns: repeat(12, minmax(auto, 1fr));
        grid-auto-rows: minmax(175px, auto);
        grid-template-areas:
            "cleanroom cleanroom cleanroom cleanroom healthcare healthcare healthcare healthcare custodial custodial custodial custodial"
            "cleanroom cleanroom cleanroom cleanroom healthcare healthcare healthcare healthcare custodial custodial custodial custodial"
            "cleanroom cleanroom cleanroom cleanroom healthcare healthcare healthcare healthcare custodial custodial custodial custodial"
            "gigafactory gigafactory gigafactory gigafactory led-upgrade led-upgrade led-upgrade led-upgrade smartscan smartscan smartscan smartscan"
            "gigafactory gigafactory gigafactory gigafactory led-upgrade led-upgrade led-upgrade led-upgrade smartscan smartscan smartscan smartscan"
            "gigafactory gigafactory gigafactory gigafactory led-upgrade led-upgrade led-upgrade led-upgrade smartscan smartscan smartscan smartscan";
    }

    div.box-text-container {
        max-width: 550px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 80%;
    }

    #home-intro-boxes p {
        height: 200px;
    }
}

@media screen and (min-width: 1400px) {
    #home-intro-boxes p {
        height: 170px;
    }
}

@media screen and (min-width: 1800px) {
    #home-intro-boxes p {
        height: 80px;
    }
}

@media screen and (min-width: 2000px) {
    div#home-intro-boxes {
        grid-auto-rows: minmax(165px, auto);
        grid-template-areas:
            "cleanroom cleanroom cleanroom  healthcare healthcare healthcare custodial custodial custodial gigafactory gigafactory gigafactory"
            "cleanroom cleanroom cleanroom healthcare healthcare healthcare custodial custodial custodial gigafactory gigafactory gigafactory"
            "cleanroom cleanroom cleanroom healthcare healthcare healthcare custodial custodial custodial gigafactory gigafactory gigafactory"
            "led-upgrade led-upgrade led-upgrade led-upgrade led-upgrade led-upgrade smartscan smartscan smartscan smartscan smartscan smartscan"
            "led-upgrade led-upgrade led-upgrade led-upgrade led-upgrade led-upgrade smartscan smartscan smartscan smartscan smartscan smartscan";
    }
}

#blue-wrapper {
    padding: 50px 0;
    background-color: #09F;
    position: relative;
}

#blue-wrapper div#introduction {
    max-width: 800px;
    margin: 0 auto;
}

#blue-wrapper img {
    position: absolute;
    width: 70px;
}

#blue-wrapper p {
    max-width: 700px;
    color: #FFF;
    margin-left: 100px;
}

#blue-wrapper p a {
    color: #FFF;
}

#blue-wrapper p a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 770px) {
    #blue-wrapper img {
        display: none;
    }

    #blue-wrapper p {
        margin-left: 0;
    }
}

/*** see us in a new light ***/
#references-banner {
    background-image: url(/media/references-banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#references-banner h2 {
    font-size: 3em;
}