.banner{
         background-image: url("../img/bg/index.jpg");
         text-align:center;
         margin:0px;
         padding:0px;
         min-height: 30vh;
         width: 100%;
         font-family: "Open Sans", sans-serif;
         background-repeat: no-repeat;
         background-position-x: 40%;
         background-position-y:50%;
         background-size: cover;
  }
   .bannerj{
           background-image: url("../img/bg/julkaisut.jpg");
           text-align:center;
           margin:0px;
           padding:0px;
           min-height: 30vh;
           width: 100%;
           font-family: "Open Sans", sans-serif;
           background-repeat: no-repeat;
           background-position-x: 40%;
           background-position-y:50%;
           background-size: cover;
  }
   .bannerc{
             background-image: url("../img/bg/cheese.jpg");
             text-align:center;
             margin:0px;
             padding:0px;
             min-height: 30vh;
             width: 100%;
             font-family: "Open Sans", sans-serif;
             background-repeat: no-repeat;
             background-position-x: 40%;
             background-position-y:50%;
             background-size: cover;
  }
    .bannerb{
               background-image: url("../img/bg/peider.jpg");
               text-align:center;
               margin:0px;
               padding:0px;
               min-height: 30vh;
               width: 100%;
               font-family: "Open Sans", sans-serif;
               background-repeat: no-repeat;
               background-position-x: 40%;
               background-position-y:50%;
               background-size: cover;
  }
  .bannerd{
                 background-image: url("../img/bg/detour.jpg");
                 text-align:center;
                 margin:0px;
                 padding:0px;
                 min-height: 30vh;
                 width: 100%;
                 font-family: "Open Sans", sans-serif;
                 background-repeat: no-repeat;
                 background-position-x: 40%;
                 background-position-y:50%;
                 background-size: cover;
  }
   .bannerr{
                   background-image: url("../img/bg/jarkka.jpg");
                   text-align:center;
                   margin:0px;
                   padding:0px;
                   min-height: 30vh;
                   width: 100%;
                   font-family: "Open Sans", sans-serif;
                   background-repeat: no-repeat;
                   background-position-x: 40%;
                   background-position-y:50%;
                   background-size: cover;
  }
  .bannerjo{
                     background-image: url("../img/bg/jonas.jpg");
                     text-align:center;
                     margin:0px;
                     padding:0px;
                     min-height: 30vh;
                     width: 100%;
                     font-family: "Open Sans", sans-serif;
                     background-repeat: no-repeat;
                     background-position-x: 40%;
                     background-position-y:50%;
                     background-size: cover;
  }
  .bannerku{
                       background-image: url("../img/bg/jarkko.jpg");
                       text-align:center;
                       margin:0px;
                       padding:0px;
                       min-height: 30vh;
                       width: 100%;
                       font-family: "Open Sans", sans-serif;
                       background-repeat: no-repeat;
                       background-position-x: 40%;
                       background-position-y:50%;
                       background-size: cover;
  }
  .bannerpr{
                         background-image: url("../img/bg/proto.jpg");
                         text-align:center;
                         margin:0px;
                         padding:0px;
                         min-height: 30vh;
                         width: 100%;
                         font-family: "Open Sans", sans-serif;
                         background-repeat: no-repeat;
                         background-position-x: 40%;
                         background-position-y:50%;
                         background-size: cover;
  }
  .bannertcd{
                           background-image: url("../img/bg/country.jpg");
                           text-align:center;
                           margin:0px;
                           padding:0px;
                           min-height: 30vh;
                           width: 100%;
                           font-family: "Open Sans", sans-serif;
                           background-repeat: no-repeat;
                           background-position-x: 40%;
                           background-position-y:50%;
                           background-size: cover;
  }
  
  .bannerutu{
                             background-image: url("../img/bg/utunenwide.jpg");
                             text-align:center;
                             margin:0px;
                             padding:0px;
                             min-height: 30vh;
                             width: 100%;
                             font-family: "Open Sans", sans-serif;
                             background-repeat: no-repeat;
                             background-position-x: 40%;
                             background-position-y:50%;
                             background-size: cover;
  }
   .bannerv{
                               background-image: url("../img/bg/ville.jpg");
                               text-align:center;
                               margin:0px;
                               padding:0px;
                               min-height: 30vh;
                               width: 100%;
                               font-family: "Open Sans", sans-serif;
                               background-repeat: no-repeat;
                               background-position-x: 40%;
                               background-position-y:50%;
                               background-size: cover;
  }
 
  .menuback {
  	width: 100%;
  	height: 96px;
  	vertical-align: top;
  }
  .bannertable{
        display: table;
        width: 100%;
        padding-top: 0px;
        margin-top: 0px;
        
   }
   .bannerrow{
        display: table-row;
      	width: 100%;
      	padding-top: 0px;
      	margin-top: 0px;
      	background-color: rgba(0, 0, 0, 0.7);
   }
   .bannercell{
        display: table-cell;
        color: #FFFFFF;
        width: 30%;
        padding-top: 0px;
        padding-left:120px;
        text-aligment: right;
        font-size: 28px;
         vertical-align: middle;
        
    }
    .bannercell2{
            display: table-cell;
            color:  rgb(0,0,0);
            width: 70%;
            padding-top: 0px;
           
           
    }
    @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2){
	.bannertable{
		display: block;
		width: 100%;
		padding-top: 0px;
		margin-top: 0px;

	   }
	   .bannerrow{
		display: block;
		width: 100%;
		padding-top: 0px;
		margin-top: 0px;
		background-color: rgba(0, 0, 0, 0.7);
	   }
	   .bannercell{
		display: none;
		color: #FFFFFF;
		width: 0%;
		padding-top: 0px;
		padding-left:120px;
		text-aligment: right;
		font-size: 28px;
		 vertical-align: middle;

	    }
	    .bannercell2{
		    display: block;
		    color:  rgb(0,0,0);
		    width: 100%;
		    padding-top: 0px;


	    }
	      .banner{
	        background-image: url("../img/bg/peidermin.jpg");
	      
	      }
	      .bannerj{
	      	        background-image: url("../img/bg/teromin.jpg");
	      }
	      .bannerc{
	      	      	        background-image: url("../img/bg/cheesemin.jpg");
	      }
	      .bannerb{
	      	      	      	        background-image: url("../img/bg/peidermin.jpg");
	      }
	      .bannerd{
	      	      	      	      	        background-image: url("../img/bg/detourmin.jpg");
	      }
	       .bannerr{
	      	      	      	      	      	        background-image: url("../img/bg/jarkkamin.jpg");
	      }
	      .bannerjo{
	      	      	      	      	      	      	        background-image: url("../img/bg/jonasmin.jpg");
	      }
	      .bannerku{
	      	      	      	      	      	      	      	        background-image: url("../img/bg/jarkkomin.jpg");
	      }
	      .bannerpr{
	      	      	      	      	      	      	      	      	        background-image: url("../img/bg/protomin.jpg");
	      }
	      .bannertcd{
	      	      	      	      	      	      	      	      	      	        background-image: url("../img/bg/countrymin.jpg");
	      }
	      .bannerutu{
	      	      	      	      	      	      	      	      	      	      	        background-image: url("../img/bg/teromin.jpg");
	      }
	       .bannerv{
	      	      	      	      	      	      	      	      	      	      	      	        background-image: url("../img/bg/villemin.jpg");
	      }
	      
	 }