﻿.title{
    height: 180px;
    padding: 10px;
    margin-bottom: 1%;
    overflow:hidden;
  }
  .title img{
      position:absolute;
      z-index:0;
      height:calc(200px + 6.0vw);
      width:100%;
      margin:-20px;
  }
  .title h1{
      position:relative;
      z-index:1;
      color: white;
      padding-top: 30px;
      margin: auto;
      font-size: calc(18px + 3.0vw);
  
      width: 60%;    
  }
  .title h2{
      position:relative;
      z-index:1;
      font-style: italic;
      color: white;
      padding-top: 20px;
      margin: auto;
      font-size: calc(15px + 1.8vw);    
      width: 60%
  }

  .construction{
    text-align:center;
    display:block;
    margin: auto; 
    margin-top: calc(50px + 6.0vw);
    max-width: 100%;
    height: auto;
    width: auto\9;
  }
  
  /* Style the tab */
  div.tab {
      overflow: hidden;
      border: 1px solid #ccc;
      background-color: #f1f1f1;
      margin: auto;
      margin-top: calc(10px + 6.0vw);
      max-width: 740px
  }
  
  /* Style the buttons inside the tab */
  div.tab button {
      background-color: inherit;
      float: left;
      border: none;
      outline: none;
      cursor: pointer;
      padding: 14px 16px;
      transition: 0.3s;
      margin: 0 auto;
      width: 50%
  }
  
  /* Change background color of buttons on hover */
  div.tab button:hover {
      background-color: #ddd;
  }
  
  /* Create an active/current tablink class */
  div.tab button.active {
      background-color: #ccc;
  }
  
  /* Style the tab content */
  .tabcontent {
      display: none;
      padding: 20px 20px;
      border: 1px solid #ccc;
      border-top: none;
      margin: auto;
      max-width: 700px;
      -webkit-animation: fadeEffect 1s;
      animation: fadeEffect 1s; /* Fading effect takes 1 second */
  }
  
  @-webkit-keyframes fadeEffect {
      from {opacity: 0;}
      to {opacity: 1;}
  }
  
  @keyframes fadeEffect {
      from {opacity: 0;}
      to {opacity: 1;}
  }
  
  .tablinks {
      font-size: 16px;
      font-weight: bold;
      color: black;
  }