@charset "utf-8";
body, html{
    height:100%;
    padding:0;
    margin:0;
}
@media screen and (min-width:601px){
.main{
	display: block;
    margin: auto;
    height: 100%;
	background-image: url("images/dsktp-ya.jpg");
  	background-repeat: no-repeat;
	background-size: cover; 
	background-position: center
}
}
@media screen and (max-width:601px){
.main{
    display: block;
    position: relative;
    margin: auto;
    height: 100%;
    background-image: url(images/mbl-ya.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 100;
}
.background{
    display: block;
    position: relative;
    margin-top: -320%;
    height: 180%;
    background-image: url(images/bgpic.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #ffffff;
    opacity: 0.5;
    z-index: 0;
}
}