@media screen and (max-width: 540px) {
  #footer-content, .infographic{
  	background-image: url('/wp-content/themes/bd-theme/gfx/www_wave_white_03.png');
  }
}
@media screen and (max-width: 768px) {
  .fixcontent .fixhorizontal{
  	position: relative;
    top: 0%;
    transform: none;
    padding-top: 2em;
    padding-bottom: 2em;
  }
  #primary-menu{
    position: fixed;
    left: 0;
  }
  .toggled .menu-toggle i {
    color: #1B2A57;
  }
}
@media screen and (max-width: 767px) {
  .white-sidebar .col-xs-6, .articlelink.col-xs-6{
    width:100%;
  }
  .home .white-sidebar, .product-info .white-sidebar, .white-sidebar.productbox, .content-area table, .contact .white-sidebar{
  	width:94%;
  	margin:2em 3%;
  }
}
@media screen and (min-width: 768px) {
  .maintitle{
  	margin-top: 20vw;
    margin-bottom: 10vw;
  }
  #banner-link h1, .maintitle h2{
  	font-size:2.8rem;
  }
  .home .white-sidebar, .product-info .white-sidebar, .contact .white-sidebar{
  	width:45%;
  	margin:2.5%;
  }
  .home .white-sidebar:nth-child(3), .product-info .white-sidebar:nth-child(3), .contact .white-sidebar:nth-child(3), .articlelink:nth-child(3){
    display:none;
  }
}
@media screen and (min-width: 769px) {
  .white-bg{
  	background-color:rgba(255,255,255,0.9);
  }
  .logo{
  	max-width:140px;
  	margin: 30px 0;
  }
  #banner-link{
    position: absolute;
    top:20vw;
  }
  #banner-link h1, .maintitle h2{
  	font-size:2.8rem;
  }
  .content-area h1{
    font-size:2.6rem;
    padding-top: 0.2em;
    padding-bottom: 0.7em;
    margin-bottom: 1em;
  }
  .content-area h2{
    font-size:2.2rem;
    padding-top: 0.2em;
    padding-bottom: 0.7em;
    margin-bottom: 1em;
  }
  .white-gradient{
  	height: 50vw;
  }
  .home h2{
    font-size:2.6rem;
    font-weight:bold;
  }
  #primary-menu .page_item a, 
  #primary-menu .menu-item a{
    font-size: 0.7rem;
    padding: 38px 14px;
  }

  #primary-menu .page_item .dropdown a,
  #primary-menu .menu-item .dropdown a {
    padding: 15px;
  }

  #primary-menu{
  	width: auto;
    margin-top: 0;
    float: left;
  }
  #primary-menu .nav-menu{
  	background-color: transparent;
  	height: auto;
    right:inherit;
    top:inherit;
    position:relative;
  }
  .transparent {
    opacity: 0;
    display: block;
  }
  .main-navigation li {
      background-color: #1B2A57;
      float: left;
      width: auto;
      text-align: inherit;;
      height: inherit;
  }
  .main-navigation li:first-child{
    margin-top:0em;
  }
  header .current_page_item, header .current_page_parent{
  	background-color: #00adee;
  }
  .home .white-sidebar, .product-info .white-sidebar, .contact .white-sidebar{
  	width:30%;
  	margin:1.5%;
  }
  .home .white-sidebar:nth-child(3), .product-info .white-sidebar:nth-child(3), .contact .white-sidebar:nth-child(3), .articlelink:nth-child(3){
    display:block;
  }
  .info-teksti{
  	min-height:330px;
  }
  .info-otsikko{
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .contact .white-sidebar{
    float:left;
  }
  .sidebox:first-child{
  	margin-top:2.5em;
  }
  .white-sidebar.productbox{
    width:42%;
  	margin:4%;
    float:left;
  }
  .white-sidebar{
  	min-height: 350px;
  }
  .kartta-sidebar{
    float:left;
    min-height: 400px;
    width:30%;
  	margin:1.5%;
  }
  .newsletter-input{
    margin-bottom:0;
  }
  #footer-content .col-xs-12{
  	margin-top:0em;
    text-align:left;
  }
}
@media screen and (min-width: 992px) {
  #primary-menu .page_item a, 
  #primary-menu .menu-item a{
    font-size: 0.8rem;
    padding:38px 15px;
  }
  .info-teksti{
  	min-height:320px;
  }
}
@media screen and (min-width: 1200px) {
  .info-teksti{
  	min-height:240px;
  }
  .articleimg{
    height: 450px;
    width: auto;
  }
}
@media screen and (min-width: 769px) and (max-width: 991px) {
  .blue-article .nopadding{
    overflow:hidden;
  }
  .blue-article .nopadding img, .blue-article .articleimg.transparent{
    height:470px;
    max-width:inherit;
  }
}