@media screen and (max-width:990px) {
    .main-article{
        margin-top: 7rem;
    }
    .intro-container{
        margin: 25vh 0 8vh 0;
    }
    .intro-container h1, .intro-container h6{
        text-align: center;
    }
    .web-record{
        display: grid;
        gap: 3%;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 6em;
    }
    .company-link{
        padding: .5em;
        border: solid 1px #9f9f9f;
    }
    .company-link i{
        font-size: 1.4em;
    }
    .section-title{
        text-align: center;
        font-size: 3em;
    }
    .design-container{
        padding-top: 5vh;
        padding-bottom: 5vh;
    }
    .contact-container > .main-hero-row{
        top: 47%;
    }
}
@media screen and (max-width:600px) {
    .main-article{
        margin-top: 4rem;
    }
    .intro-container{
        margin-top: 17vh;
    }
    .section-title{
        text-align: center;
        font-size: 2.3em;
    }
    .web-record{
        margin-bottom: 4em;
    }
}