/* Style */
body {margin:0;padding:0;}
.top {background-image: linear-gradient(47deg, #006888 0%, #7FC2BF 50%, #013A58 100%);width:100vw;height:50vh;z-index: 2;overflow:hidden}
.copy {width: 550px;float:right;text-align: right;margin-right:20px;}
/*.copy p {font-family: HelveticaNeue;font-size: 14px;color: #43797E ;line-height: 24px;}*/
.copy p {font: 14px/24px HelveticaNeue, arial, sans-serif;color: #43797E ;}

#logo {height:70vh;}

@media screen and (max-width: 1000px) {
/* show this when viewport is less than 1000px */
    .top {height:45vh}
    #logo {height:60vh}
}


@media screen and (max-width: 800px) {
/* show this when viewport is less than 800px */
    .top {height:30vh}
    #logo {height:40vh}
}

@media screen and (max-width: 600px) {
/* show this when viewport is less than 600px */
    .top {height:30vh}
    #logo {height:40vh}
    .copy {float:none;text-align:left;margin-left:10px;width:90%}
    .copy p {line-height: 23px;}
}