*{
    margin:0;
}
.container{

    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (min-width:576px){
    .container {
        max-width: 540px;
    }
}

@media screen and (min-width:768px){
    .container {
        max-width: 720px;
    }
    .main-footer{
        font-size:24px !important;
    }

}

@media screen and (min-width:992px){
    .container {
        max-width: 960px;
    }
    .hero-header__quote{
        margin-top:40px !important;
    }

}

@media screen and (min-width:1200px){
    .container {
        max-width: 1200px;
    }
}


h1,h2,h3{
    text-transform:uppercase;
    color:#000;
    margin:0;
}

h1{
    font-family: Gopher;
    font-size: clamp(3.5rem, 2rem + 6.6667vw, 8rem);
    font-weight: 900;
    line-height: 78%;
}

h2{
    font-family: Gopher;
    font-size: clamp(3rem, 1.3333rem + 7.4074vw, 8rem);
    font-weight: 500;
    line-height: 100%;
}


.stack-text{
    display:grid;
    gap:16px;
}

.full-height{
    height:93vh;
}

.hero-header__content{
    position:relative;
    padding-top:216px;
    padding-bottom:100px;
}

.hero-header__quote{
    font-family: FreightBigCmp-pro;
    font-size: clamp(3.5rem, 2rem + 6.6667vw, 8rem);
    font-style: italic;
    font-weight: 400;
    line-height: 78%;
    margin-bottom:0;
    margin-top:24px;
}


.main-footer{
    padding-top:20px;
    padding-bottom:20px;
    border-top:1px solid #000;
    font-family: Gopher;
    font-size: 16px;
    font-weight: 500;



}