/*WIDTHS*/
 #message .container, .finances .container, .footer .container {
    width: 1000px;
}






.grid {
    padding: 0 17vw;
}
.scene {
    width: 22vw;
    height: 22vw;
}

.grid .scene:nth-child(1), .grid .scene:nth-child(2), .grid .scene:nth-child(3) {
    margin-bottom: 19vw;
}
.homepage-intro {
    top: 23vw;
}


@media only screen and (min-height: 1110px) {

.grid .scene:nth-child(1), .grid .scene:nth-child(2), .grid .scene:nth-child(3) {
    margin-bottom: 0;
}
.grid .scene:nth-child(4), .grid .scene:nth-child(5), .grid .scene:nth-child(6) {
    margin-bottom: 19vw;
}
.homepage-intro {
    top: 45vw;
}


}







.homepage-intro h2 {
    padding: 10px 0 26px 0;
}
.homepage-intro h1 span {
    display: inline;
    letter-spacing: 0px;
}
.homepage-intro h1 {
    font-size: 49px;
    margin-top: 29px;
    letter-spacing: -3px;
}
.homepage-intro h2 {
    font-size: 33px;
}
.homepage-intro span.svg {
    top: 0px;
}
.homepage-intro svg {
    width: 96px;
    margin-left: -52px;
}






/*INTRO MESSAGE*/

.intro h2 {
    font-size: 136px;
}
figure {
    width: 400px;
    margin-left: -181px;
}




.intro .container {
    margin-top: 100px;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}





.blurb {
    width: calc(100% - 400px);
}

.circles {
    overflow: visible;
}
.circle-img.small {
    margin-top: -67px;
    margin-left: 671px;
}
.circle-img.big {
    width: 700px;
    height: 700px;
    margin-top: -165px;
}


.dot.animate.one {
    width: 200px;
    height: 200px;
    right: 5px;
    top: -363px;
}
.dot.animate.two {
    width: 470px;
    height: 470px;
    right: -349px;
    top: -295px;
}
.dot.animate.three {
    width: 450px;
    height: 450px;
    left: -158px;
    bottom: -50px;
}



.arrows.top {
    transform: scale(1.5);
    top: 155px;
}
.arrows.bottom {
    transform: scale(1.5);
    top: 421px;
    right: -53px;
}





.slick-prev::before, .slick-next::before {
    font-size: 39px !important;
}
.slick-prev, .slick-next {
    width: 80px !important;
    height: 80px !important;
}
.slick-prev.slick-arrow {
    left: -33px;
}
.slick-next.slick-arrow {
    right: -33px;
}
.slick-prev:hover, .slick-next:hover {
    width: 85px !important;
    height: 85px !important;
}