html {overflow-x: hidden;}
.block-1 {height: 60vh;}
.block-2 {height: 40vh}
.idle-turquoise {background-color: #4BC3C6; color: #fff;}
.t3 {font-size: 2.2rem; font-weight: 200; background-color: #4BC3C6; padding: 15px;}
.t2 {font-size: 2rem; font-weight: 100;}
.social-icon {font-size: 3.5rem; color: #4bc3c6;}

.hero {
    background-image: url(hero-v4.jpg);
    min-height: 700px;
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    color: #fff;
}

.logo {width: 200px; height: auto;}

.ex-padding-hero {padding: 0 12%}

.ex-padding {padding: 0 20%}

.footer-row {display: flex; justify-content: center;}

@media only screen and (max-width: 600px) {

    .hero {
        min-height: 100vh;
        background-size: auto 100%;
        background-attachment: scroll;
    }
    .t3 {font-size: 1.8rem; padding: 20px; margin-top: 55px;}
    .ex-padding {padding: 0;}
    .t2 {font-size: 1.4rem; font-weight: 100; padding: 20px;}
    .display-2 {font-size: 3.2rem;}
    
}