@font-face {
	font-family: tenso;
	font-style: normal;
	font-weight: 500;
	src: url('fonts/03-tenso-slab-regular_42_ik-webfont.woff2') format('woff2');
}
@font-face {
	font-family: dover;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/TRIAL-DoverSerifText-Regular.otf') format('opentype');
}
@font-face {
	font-family: tinygrotesk;
	font-style: normal;
	font-weight: 500;
	src: url('fonts/TRIAL-TinyGrotesk-Medium.otf') format('opentype');
}
@font-face {
	font-family: tinygrotesk;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/TRIAL-TinyGrotesk-Regular.otf') format('opentype');
}
@font-face {
	font-family: maratsmall;
	font-style: normal;
	font-weight: 500;
	src: url('fonts/MaratDEMO-MediumSmallCaps.otf') format('opentype');
}
@font-face {
	font-family: tenso;
	font-style: normal;
	font-weight: 500;
	src: url('fonts/03-tenso-slab-regular_42_ik-webfont.woff2') format('woff2');
}

@font-face {
    font-family: charter;
    font-style: normal;
    font-weight: normal;
    font-stretch: normal;
    src: url('fonts/charter_regular.woff2') format('woff2'),
         url('fonts/Charter Regular.ttf')  format('truetype');
}
    
@font-face {
    font-family: charter;
    font-style: normal;
    font-weight: bold;
    font-stretch: normal;
    src: url('fonts/charter_bold.woff2') format('woff2'),
         url('fonts/Charter Bold.ttf')  format('truetype');
}

@font-face {
    font-family: charter;
    font-style: italic;
    font-weight: bold;
    font-stretch: normal;
    src: url('fonts/charter_bold_italic.woff2') format('woff2'),
         url('fonts/Charter Bold Italic.ttf')  format('truetype');
}
@font-face {
    font-family: martina-plantijn;
    font-style: normal;
    font-weight: 500;
    src: url('fonts/martina_plantijn/test-martina-plantijn-medium.woff2');
}
@font-face {
    font-family: martina-plantijn;
    font-style: italic;
    font-weight: 500;
    src: url('fonts/martina_plantijn/test-martina-plantijn-medium-italic.woff2');
}

@font-face {
    font-family: martina-plantijn;
    font-style: normal;
    font-weight: normal;
    src: url('fonts/martina_plantijn/test-martina-plantijn-regular.woff2');
}
@font-face {
    font-family: martina-plantijn;
    font-style: normal;
    font-weight: bold;
    src: url('fonts/martina_plantijn/test-martina-plantijn-bold.woff2');
}
@font-face {
    font-family: martina-plantijn;
    font-style: normal;
    font-weight: 900;
    src: url('fonts/martina_plantijn/test-martina-plantijn-black.woff2');
}

* {
    box-sizing: border-box;
}

@media only screen and (max-width: 600px) {
    /* For tablets: */
    .col-xs-1 {width: 8.33%;}
    .col-xs-2 {width: 16.66%;}
    .col-xs-3 {width: 25%;}
    .col-xs-4 {width: 33.33%;}
    .col-xs-5 {width: 41.66%;}
    .col-xs-6 {width: 50%;}
    .col-xs-7 {width: 58.33%;}
    .col-xs-8 {width: 66.66%;}
    .col-xs-9 {width: 75%;}
    .col-xs-10 {width: 83.33%;}
    .col-xs-11 {width: 91.66%;}
    .col-xs-12 {width: 100%;}
}

@media only screen and (max-width: 600px) {
    .col-xs-hidden {
        display: none;
    }
}

@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
}

@media only screen and (min-width: 600px) {
    .col-s-hidden {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}

@media only screen and (min-width: 992px) {
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}
@media only screen and (min-width: 992px) {
    .col-visible {
        display: block;
    }
}

[class*="col-"] {
    float: left;
}

.row::after {
    content: "";
    clear: both;
    display: table;
}
  
body {
    margin: 0; background: #F1F5F9;
    font-family: 'martina-plantijn';
    font-weight: normal;
    line-height: 1.2;
    font-size: 1.1rem;
    color: #0B0A0B;
}

.menu-div {
    font-size: 1.2em;text-align: center;
}

.menu-div ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  .menu-div li {
    padding-bottom: 2px;
    margin-bottom: 7px;
    background-color :#3EA1CC;
    color: #0C0A3E;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    @media only screen and (min-width: 600px) {
        padding-top: 2px;
    }

  }

  .menu-div li a { text-decoration: none; color: #0C0A3E;}
  
  .menu-div li:hover {
    background-color: #4EA9D0;
  }

.feeder-div {
    background:#3EA1CC; height:4vh;width: 100%;
    font-weight: 100;
    @media only screen and (max-width: 600px) {
        height:2vh;
    }
}

.button-div{
    text-align: right;
    padding: 3vh 0vw;
    margin: 3vh 0vw;
} 

.button-download {
    text-decoration: none;
    border-top: 3px solid;
    border-image: linear-gradient(to right, transparent 50%, #3EA1CC 50%) 100% 1;
    padding: 1vh;
    font-size: 1.2rem;
    cursor: pointer;
    font-weight: 500;  
    color: #0C0A3E;
}

.button-download:hover {border-image: linear-gradient(to right, #3EA1CC 50%, #3EA1CC 50%) 100% 1;}

.logo-div {
    text-align: center;color: #0C0A3E;font-size: 2.2rem;padding-top: 6vh;padding-bottom: 1vh;font-family: 'martina-plantijn';font-weight:bold;
    @media only screen and (min-width: 600px) {
        font-size: 2.5rem;
    }
    @media only screen and (min-width: 768px) {
        font-size: 2.8rem;
    }
}

.header-div {
    text-align: center;font-size: 1.7rem;color:#0C0A3E;padding-top: 2vh;padding-bottom:4vh;font-style: normal;font-family: 'martina-plantijn';font-weight:normal;
    @media only screen and (min-width: 600px) {
        font-size: 1.8rem;
    }
    @media only screen and (min-width: 768px) {
        font-size: 1.7rem;
    }
}
.info-div {
    text-align: center;font-size: 1.3rem;color:#766641;padding-top: 4vh;font-style: normal;font-family: 'martina-plantijn';font-weight:normal;
	
}

.image-container {
	width:auto;
	align:center;
	margin-top:3vh;
}

.image-holder {
	width:100%;margin-top:4vh;
	@media only screen and (min-width: 768px) {
		margin-top:7vh;
	}
}

.button-features-div {
	text-align: center;
	margin-top: 5vh;
}

.button-features {
	text-decoration: none;
    border: 3px solid #3EA1CC;
    padding: 1vh;
    font-size: 1.2rem;
    cursor: pointer;
    font-weight: 500; 
    color: #0C0A3E;
	box-shadow: 10px 10px 5px lightblue;
}

.button-features:hover {
	box-shadow: 12px 12px 7px lightblue;
	padding:1.1vh;
}

.break0 {
	background:#3EA1CC;
	height:15px;
	margin-top:5vh;
}

.break1 {
	background:#CBC9AD;
	height:10px;
	margin-top:00vh;
}

.break2 {
	background:#3EA1CC;
	height:15px;
	margin-top:0vh;
}

.break3{
	background:#FFFCF9;
	background:#FDFFFC;
	height:530px;
	margin-top:0vh;
}

.child-container {
	margin-top:16vh;
}

.child{
    
    height:23rem;
    border: #3EA1CC 2px solid;
    background: linear-gradient(135deg, transparent 96%, #0C0A3E 4%);
    padding-top: 3%;
    text-align: center;
}

.child:hover{
    background:gold;
}

.content-div {padding:2vw;padding-right: 2vw;margin-top: 6vh;}

.heading-h2{
    font-family: 'charter';
    font-weight: bold;
    /*letter-spacing: 0.05rem;
    font-variant: small-caps;*/
    font-size: 1.5rem;
    font-style: normal;
}

.test1{color:#766641;text-align:justify;padding-left:1.2vh;padding-right:1.5vh;padding-bottom:3vh;font-size:1.5rem;font-family:'tenso';font-weight:normal;}
.test3{color:#766641;text-align:justify;padding-left:1.2vh;padding-right:1.5vh;padding-top:20vh;padding-bottom:3vh;font-size:1.5rem;font-family:'tenso';font-weight:normal;}
.test2{color:black;padding-left:1.2vh;padding-right:1.2vh;word-wrap: break-word;
    -moz-hyphens:auto; 
    -webkit-hyphens:auto; 
    -o-hyphens:auto; 
    hyphens:auto;
	text-align: left;
      }