/*Hero Text Overlap Fixes*/
@media only screen and (max-width:575px){
    .hero-text h1{
        font-size: 18px;
    }
}

@media only screen and (max-width:750px) and (min-width:576px){
    .hero-text h1{
        font-size: 26px;
        max-width:215px;
    }
    .hero-text{
        top:33%;
    }
}

@media only screen and (max-width:855px) and (min-width:751px){
    .hero-text{
        top: 32.5%;
    }
    .hero-text h1{
        font-size:26px;
        max-width: 380px;
    }
    .hero-text p{
        font-size:17px;
    }
}
/*Why º¬Ð߲ݴ«Ã½ Fixes*/
@media only screen and (max-width:1701px) and (min-width:1026px){
    #lead-in, #journey-start{
        min-height:520px;
    }
}