body{
    background:url("fon.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width:100%;
    height:100vh;
    padding:0px;
    margin:0px;
    position:relative;
}
.logo{
    background:url("logo.png");
    height:87px;
    width:282px;
    position:absolute;
    top:8%;
    right:6%;
    background-size: contain;
	background-repeat: no-repeat;
}
.tel{
    background:url("tel.png");
    height:83px;
    width:353px;
    position:absolute;
    top:8%;
    left:4%;
    background-size: contain;
	background-repeat: no-repeat;
}
.text{
    background:url("text.png");
    height:182px;
    width:824px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-91px 0px 0px -412px;
    background-size: contain;
	background-repeat: no-repeat;
}
.pod{
    background:url("pod.png");
    height:37px;
    width:697px;
    position:absolute;
    bottom:10%;
    left:50%;
    margin:0px 0px 0px -349px;
    background-size: contain;
	background-repeat: no-repeat;
}

@media(max-width: 1000px) {
	.logo {
	    height: 50px;
	    width: 150px;
	    top: 5%;
	    right: 5%;
    }
    .tel {
	    height: 50px;
	    width: 180px;
	    top: 5%;
	    left: 5%;
    }
	.text {
		width: 450px;
        height: 120px;
        margin: -60px 0px 0px -225px;
	}
	.pod {
	    height: 25px;
	    width: 300px;
	    bottom: 5%;
	    margin: 0px 0px 0px -150px;
    }
}

@media(max-width: 600px) {
	.logo {
	    height: 50px;
        width: 150px;
        top: 7%;
        right: auto;
        left: 50%;
        margin: 0px 0px 0px -75px;
    }
    .tel {
	    height: 50px;
        width: 180px;
        top: 25%;
        left: 50%;
        margin: 0px 0px 0px -90px;
    }
	.text {
		width: 300px;
        height: 70px;
        margin: -60px 0px 0px -150px;
        top: 60%;
	}
	.pod {
	    height: 25px;
        width: 200px;
        bottom: 5%;
        margin: 0px 0px 0px -100px;
    }
}