/* CSS Document */
@charset "utf-8";
@font-face {font-family: 'Montserrat-Regular';
src: url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype');  
src: url('fonts/Montserrat-Regular.woff') format('woff'), url('fonts/Montserrat-Regular.ttf')  format('truetype'), url('fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
font-weight: normal; font-style: normal;}
body{font-size:18px; font-family: 'Montserrat-Regular'; text-align: left; width: 100%; margin-left: 0px; margin-right: 0px;}
#header{margin-bottom:2rem;}
#header-logo {margin-top: 16px; margin-bottom: 16px; max-width: 10vw; margin-left: 5vw; display: inline-block;}
#header-logo img {width: 100%;}
#header-menu{display:inline-block; max-width:50vw; text-align:right; float: right; margin-right: 5vw;}
a {color: #000000; text-decoration: none;}
h1{font-family: 'Montserrat-Regular'; font-size:1.5rem; font-weight: bold; width:120%;}
h2{font-size:1.25rem; font-weight: bold;}
h3{font-size:1rem; font-weight: bold;}
h4{font-size:0.9rem; font-weight: bold;}
h5{font-size:0.8rem; font-weight: bold;}
h6{font-size:0.7rem; font-weight: bold;}
.darkmode{display:none; color:#ffffff;}
.lightmode{color:#000000;}
.pg-block-container{display:inline-block; width:90vw; padding-left:5vw; padding-right:0px; color:#ffffff;}
#pg-block-1{background-color:#3d91a8; display:inline-block; width: 45vw; float:left; position:relative;}
#pg-block-2{background-color:#81bf4d; display:inline-block; width: 45vw; float:right; position:relative; margin-top:-40px; color:#000000;}
#pg-block-3{background-color:#9ec8d3; display:inline-block; width: 45vw; float:left; position:relative;margin-top:-40px; color:#000000;}
#pg-block-4{background-color:#00c6e0; display:inline-block; width: 45vw; float:right; position:relative;margin-top:-40px;}
.block-text{width: 68%; margin-left:4%; display:inline-block;}
.block-image{width: 10vw; height:auto; right:0px; bottom:0px; position:absolute; display:none;}
.block-image img{width:100%; position: absolute; bottom: 0px;}

@media screen and (max-width: 960px)
{
    #pg-block-1{width: 100%; margin-bottom:1rem;}
    #pg-block-2{width: 100%; margin-bottom:1rem; margin-top:0px;}
    #pg-block-3{width: 100%; margin-bottom:1rem; margin-top:0px;}
    #pg-block-4{width: 100%; margin-bottom:1rem; margin-top:0px;}
    .block-text {width: 80%;}
    .block-image {width: 15%;}
}