/*==========  Desktop First Method  ==========*/

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
body {
	border: 0px solid #000000;
	padding: 15px 15px 15px 15px;	/* top right bottom left   */
}
	
	
	
	header {
/*		background: url("../images/310x500_str.svg") no-repeat top left; */
        background: url("../images/header_mobile.png") no-repeat center center fixed; 
		width: 310px;
		height: 500px;
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	margin: -250px 0px 0px -155px;	/* top right bottom left   */
	}

	#logo {
		position: relative;
		width: 150px;
		height: 63px;
    	top: 40px;
    	left: 40px;
	}
	
	#ifb {
		position: absolute;	
		width: 30px;
		height: 30px;
    	top: 50%;
    	left: 50%;
    	margin: -210px 0px 0px 85px;	/* top right bottom left   */
	}

	#ivk {
		position: absolute;	
		width: 30px;
		height: 30px;
    	top: 50%;
    	left: 50%;
    	margin: -178px 0px 0px 85px;	/* top right bottom left   */
	}

	#str {
		display: none;
	}

	#slogan {
		background: #FFF;
		position: relative;	
		width: 255px;
		height: 180px;
    	top: 50%;
    	left: 50%;
    	margin: -50px 0px 0px -115px;	/* top right bottom left   */
	}

	#domain {
		position: absolute;	
		width: 270px;
		height: 75px;
    	top: 50%;
    	left: 50%;
    	margin: -125px 0px 0px -115px;	/* top right bottom left   */
	}
	
	#domain img {
		width: 270px;
		height: 75px;
    	margin: 0px;	/* top right bottom left   */
	}

	#more {
		background: url("../images/more.svg") no-repeat top left;
		position: absolute;	
		width: 145px;
		height: 40px;
    	top: 50%;
    	left: 50%;
    	margin: 110px 0px 0px -115px;	/* top right bottom left   */
	}
	
	#footer {
		display: none;
	}

	#copyright {

		width: 100px; /* 83 (c) to 2 line */
    	top: 50%;
    	left: 50%;
    	margin: 160px 0px 0px -115px;	/* top right bottom left   */
	}

	#copyright p a:visited,
	#copyright p a:hover,
	#copyright p a:active {
		color: #000;
	}

	#echo {
    	top: 50%;
    	left: 50%;
    	margin: 165px 0px 0px 15px;	/* top right bottom left   */
	}


}

/*==========  Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}


/* Small Devices, Tablets */
@media only screen and (max-width : 890px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}