.header {
    margin-top: -10px;
    position:relative;
    text-align:center;
    /*background-image: linear-gradient(60deg, rgb(255, 255, 255) 0%, rgba(100,0,12,1) 100%),url("../static/images/—Pngtree—tile\ marble\ design_3591678\ 1.png"); */ 
    /*background: linear-gradient(60deg, rgba(100,0,12,0.1) 20%,
    rgba(100,0,12,1)), url("https://static.igem.wiki/teams/4505/wiki/pillars.jpg") ; */ 
    color:white;
    background-size:cover;
    background-position: bottom;
    background-repeat: no-repeat;
      }

  .logo {
    width:50px;
    fill:white;
    padding-right:15px;
    display:inline-block;
    vertical-align: middle;
  }
  
  .inner-header {
    height:80vh;
    width:100%;
    margin: 0;
    padding: 0;
  }
  
  .flex { /*Flexbox for containers*/
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  
  .waves {
    position:relative;
    width: 100%;
    height:15vh;
    margin-bottom:-7px; /*Fix for safari gap*/
    max-height:80px;
  }
  
  .content {
    position:relative;
    height:20vh;
    text-align:center;
    background-color: white;
  }
  
  /* Animation */
  
  .parallax > use {
    animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
  }
  .parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
  }
  .parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
  }
  .parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
  }
  .parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
  }
  @keyframes move-forever {
    0% {
     transform: translate3d(-90px,0,0);
    }
    100% { 
      transform: translate3d(85px,0,0);
    }
  }
  /*Shrinking for mobile*/
  @media (max-width: 768px) {
    .waves {
      height:40px;
      min-height:40px;
    }
    .content {
      height:30vh;
    }
    h1 {
      font-size:24px;
    }
  }



h1{
  left: calc(50% - 226px/2); 
  top: calc(50% - 29px/2);
}


h1 > span{
  transition: .5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

h1 > .dot_span{
  transition: .5s cubic-bezier(0.65, 0.05, 0.36, 1);
  font-size: 0;
}


.img_header{
  height: 400px;
  margin-bottom: -20px;
  transition: .35s cubic-bezier(0.65, 0.05, 0.36, 1);
}


.inner_wrapper{
  width: auto;
  height: 50%;
}