@media only screen and (max-width: 1400px) {
  .w1400 {
    width: 100%;
    margin: 0;
    padding: 0 50px
  }
.front_posts {
  padding: 80px 50px 50px 50px
}
.spage {
  padding: 30px 50px;
}
.round_wr {
  width: 45%
}
.blogg {
	padding: 50px 0
}
}

@media only screen and (max-width: 1200px) {
  .w1200 {
    width: 100%;
    margin: 0;
    padding-left: 50px;
    padding-right: 50px;
  }
  .primary-navigation .primary-menu-container.mobview {
    right: 0;

  }
.primary-navigation .primary-menu-container.mobview ul li {
  display: block;
  padding: 8px 0
}
.primary-navigation .primary-menu-container.mobview ul li a {
  color: #000
}
  .primary-navigation .primary-menu-container {
    position: fixed;

        background: #d9d017;
        padding: 30px;
        height: 100vh;
        z-index: 2200;
    width: 250px;
    right: -250px;
    top: 0;
    -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
  }


    .primary-navigation .primary-menu-container.mobview  {
      overflow-y: scroll;
    }
.toleft {
  left:-250px
}
  .mobmenu {
    display: block;
    margin-top: 10px;
    border-radius: 100px;
    padding: 12px 10px;
    border: 1px solid #fff;
    cursor: pointer;
  }
  .mobmenu.botout {

  }
  .mobmenu .bar {
    width: 20px;
    height: 1px;
    margin: 3px 0;
    display: block;
    background: #fff;
  }
  .front_posts .post {
    margin: 0 20px 80px 20px
  }
.front_posts .flex {
  justify-content: center;
}
.timsec  {
  flex-wrap: wrap;
}
.timsec .half {
  width: 100%
}

}

@media only screen and (max-width: 1000px) {
  .w1000 {
    width: 100%;
    margin: 0;
    padding-left: 50px;
    padding-right: 50px
  }
.front_posts h2 {
  text-align: center;
}
.team_member {
  width: 45%
}
}

@media only screen and (max-width: 800px) {
.center {
  top: 10%
}
.medialink {
  flex-wrap: wrap;
}
.medialink .listimg, .medialink .ftitle {
  width: 100%
}
.medialink .ftitle {
padding: 10px 90px 0 0px;
}
.spage table td {
  display: block;
  width: 100%!important;

}
.teaminfo .name {
  font-size: 16px
}
.round_wr {
  width: 100%
}

table.board .timm {
  font-size: 12px;
  font-weight: bold;
    font-family: 'Krona One', sans-serif;
      text-transform: uppercase;
      text-align: left;
      padding: 10px;
      background: #d9d017;
      text-align: center;
}
table.board thead {
  display: none;
}
table.board td {
  width: 100%!important;
  display: block;
  text-align: left;
}
table.board td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
display: block;
    font-weight: bold;
    text-transform: uppercase;
  }
  table.board td:last-child {
     border-bottom: 0;
   }

   .blogg {
     flex-wrap: wrap;
   }
   .bpost {
     width: 100%
   }
}
@media only screen and (max-width: 600px) {
.center {
  width: 100%;
  max-width: 100%;
  left: 0;
  transform: translate(0, 0);
  padding: 0 30px
}
 h2{
  font-size: 35px
}
.info {
  flex-wrap: wrap;
}
.halff {
  width: 100%;
}
svg text {
  font-size: 80px;

}
svg {
  margin-right: -30px
}
.teaminfo {
flex-wrap: wrap;
}
.toptext {
  right: 30px
}
.teaminfo .position {
  padding: 15px 0;
  margin-top: -15px;
  z-index: 50;
  position: relative;
}
.teaminfo .name {
  z-index: 60;
  position: relative;
}
.teaminfo .name, .teaminfo .position {
  width: 100%;
  border-radius: 0px 0px 20px 20px;

}

}

@media only screen and (max-width: 500px) {
  .w1400 {
    padding: 0 20px;
  }
  .front_posts {
    padding: 30px 20px 30px 20px
  }
  .spage {
    padding: 30px 20px;
  }
  .blogg {
  	padding: 30px 0px;
  }
  .w1200, .w1000 {
    padding-left: 20px;
    padding-right: 20px
  }
  .medialink {
    width: 95%
  }
  .team_member {
    width: 100%
  }
  .toptext {
    right: 0;

  }
  .header.frontin svg text,svg text {
    font-size: 70px
  }
  .header.frontin svg {
    margin-right: -30px
  }
  .header svg {
    margin-right: -50px
  }
}