body, html{font-family: 'Intro', sans-serif; color:var(--munu_color); font-size: 16px; box-sizing: border-box;margin: 0;padding: 0;}*,*:before,*:after{ box-sizing: border-box; }h1,h2,h3,h4,h5,h6, p, ul{margin: 0 0 1rem 0;padding: 0;}ul{list-style-type: none;}img{height: auto;}h1{font-size: 4rem;} h2{font-size: 3rem;} h3{font-size: 2rem;} h4{font-size: 1rem;} h5{font-size: 0.8rem;} h6{font-size: 0.6rem;}a{text-decoration:none}

/*Menu*/
:root{
  --munu_bg: #F5EFEB;
  --munu_color: #0D2843;
  --button: #8FA7BA;
}

.header{
  background-color: var(--munu_color);
  position: fixed;
  top:0; 
  left:0;
  z-index: 9999;
  width: 100%;
}
.header_content{width: 100%; margin: 0 auto; display: flex; justify-content:space-between; max-width: 2000px;}
.header_logo{padding: 8px 15px; height: 75px;font-size: 50px;color:var(--munu_bg); opacity: 0.8}


.header_quick{
  display: flex; 
  color: var(--munu_bg);
  width: 100%;
  align-items: center;
}

.header_quick span{
  flex-grow: 1;
}

.header_menu li{display: inline-block;} 
.header_menu li a{color:var(--munu_bg); display: block;padding: 16px;font-size: 15p}
.header_menu li{width: 100%;border-bottom: 1px solid var(--munu_bg)}

.header_menu{
  position: absolute;
  top:76px;
  background-color: var(--munu_color);
  width: 30%;
  min-width: 400px;
  height: 100vh;
  height: 0vh;
  overflow: hidden;
  transition: all 1s cubic-bezier(.215, .61, .355, 1);
}

  .menu-open .header_menu{height: 100vh;padding: 3%;}

  .icon-hamburger{height: 50px;width: 50px;margin-left: 20px;padding-top: 5px;}
  .icon-hamburger span{height: 2px; width: 36px;background:var(--munu_bg);position: relative;display: block;margin-top: 12px;transition: all 0.2s cubic-bezier(.215, .61, .355, 1);}
  
  .menu-open .icon-hamburger span:nth-child(1){transform: rotate(-40deg) translateY(9px);}
  .menu-open .icon-hamburger span:nth-child(2){transform: rotate(40deg) translateY(-9px);}


  /*Body*/
.spacer_head{height: 75px;}
.spacer{height: 80px;}

.cover{ 
  text-align: center; 
  padding:100px; 
  margin:0px;
  min-height:600px; 
  width:100%; 
  display:flex; 
  flex-direction:column; 
  justify-content:center; 
  background-position: center center; 
  background-size:cover;
  background-image: url('img/Cover.png');
  }

  .body{
  background-color: var(--munu_bg);
  }


/*Font system*/
h1, .text-1 {font-size: 3.5rem;margin-bottom:0.5rem}
h2, .text-2 {font-size: 2.4rem;margin-bottom:1rem}
h3, .text-3  {font-size: 1.5rem;margin-bottom:1rem}
h4, p, ol, .text-4 {font-size: 1.2rem;margin-bottom:1rem; line-height: 1.5;}

/*grid system*/
.grid { margin: 0 auto; padding: 0 15px; max-width: 1250px; display: flex; flex-flow: row; flex-wrap: wrap;}
			.grid--center{justify-content: center;}
			.col{ flex: 1;}
			[class*='col-'] { position: relative; padding: 0 15px;}
			.grid .grid [class*='col-'] {padding: 0px;}

			.col-10{width: 10%;}
      .col-20{ width: 20%; }
			.col-25{ width: 25%; }
			.col-30{ width: 30%; }
			.col-33{ width: 33.33%; }
      .col-40{width: 40%;}
			.col-50{ width: 50%; }
      .col-60{ width: 60%;}
			.col-70{ width: 70%; }
			.col-80{ width: 80%; }
      .col-90 {width: 90%;}
			.col-100{ width: 100%; }

			@media (max-width: 991px) {
			    .tab-20 { width: 20%; }
			    .tab-25 { width: 25%; }
			    .tab-33 { width: 33.33%; }
			    .tab-50 { width: 50%; }
			    .tab-100 { width: 100%; }
			}
			
			@media (max-width: 768px) {
			    [class*='col-'] { width: 100%;}
			    .sma-20 { width: 20%; }
			    .sma-25 { width: 25%; }
			    .sma-33 { width: 33.33%; }
			    .sma-50 { width: 50%; }
			    .sma-100 { width: 100%; }
			}


/*footer*/
footer {
  height: 275px;
  background-color: var(--munu_color);
  color: var(--button);
  text-decoration: var(--button);
}
footer a{color: var(--button);}