body,html { 
height: 100%; }

.down_phone {
	width: 700px;
	text-align: center;
	margin-top: 8%;
}

.phone_link {
	width: 140px;
	text-align: right;
	float: right;
	margin: 2%; 
	z-index: 19;
	position: absolute;
	right: 2%;

}

.up_phone {
	width: 700px;
	text-align: center;
	margin-top: 8%;
}

.phone {
	text-align: left;
	font-family: "cooper black", "san-serif"; 
	font-size: 130px;
	line-height: 0.8;
	letter-spacing: 0em;
	font-weight: normal;
	text-rendering: optimizeLegibility;
	margin-left: 13%;
	margin-right:10%;
	margin-top: 81px;
	position: absolute;
	z-index: 3;

}
.button_phone {
	width: 300px;
	float: left;
	position: center;
	margin-left: 13%; 
	margin-top: 8%;
}

.text {
	text-align: left;
	font-family: "cooper black", "san-serif"; 
	font-size: 47px;
	line-height: 0.9;
	letter-spacing: 0.02em;
	font-weight: normal;
	text-rendering: optimizeLegibility;
	margin-left: 30px;
	margin-top: 81px;
}

.text_small {
	text-align: left;
	font-family: "cooper black", "san-serif"; 
	font-size: 20px;
	line-height: 1;
	letter-spacing: 0.04em;
	font-weight: normal;
	text-rendering: optimizeLegibility;
	margin-left: 30px;
	margin-top: 10px;

}
.up_uparrow {
	position: absolute;
	z-index: 1;
	margin-top: 18%;
	margin-left:8%;
}


.up_downarrow {
	position: absolute;
	z-index: 1;
	margin-top: 28%;
	margin-left:8%;
}

.top {
	width: 100%;
	height: 50%;
	background-color: #F3766D;
	margin: auto;
}

.top_white {
	width: 100%;
	height: 50%;
	background-color: white;
	margin: auto;
}

.ppl {
	margin-top: 97%;
	z-index: 0;
}

.ppl1 {
	margin-top: 40%;
	z-index: 0;
}

.ppl2 {
	margin-top: 4%;
	z-index: 0;
}

.ppl_down {
	margin-top: 4%;
	z-index: 0;
}

.top_full {
	background-color: #F3766D;
}

.button {
	width: 150px;
	float: left;
	margin: 30px; 
}
.button_back {
	width: 150px;
	float: center;
	margin: 30px; 
}

.up_right {
	float: right; 
	margin-top: 50px; 
	margin-right: 130px;
	height: 75%;
	width: 50%;

}


.up_right2 {
	float: right; 
	margin-top: 134px; 
	margin-right: 160px;
	height: 80%;
	width: 35%;
	/*background-color: blue;*/ }


.up_right3 {
	float: right; 
	margin-top: 50px; 
	margin-right: 160px;
	height: 80%;
	width: 35%;
	overflow: auto;
	/*background-color: blue;*/ }


.up_left {
	width:30%;
	margin-left:100px;
	height: 100%;
	background-color:#98DEE0;
}
.bottom {
	width: 100%;
	height:50%;
	background-color: #9895A6;
	margin: auto;

} 

.bottom_phone {
	width: 100%;
	height:50%;
	background-color: white;
	margin: auto;

} 

.up {
	width: 300px;
	text-align: center;
	margin-top: 2%; 
}


.down {
	width: 300px;
	text-align: center;
	margin-top: 2%;

}


/*
	@media screen and (min-width: 700px) { 

.top {
	width: 100%;
	height: 50%;
	background-color: #F3766D;
	margin: auto;
}

.bottom {
	width: 100%;
	height:50%;
	background-color: #9895A6;
	margin: auto;

} 

body,html { 
height: 100%; }
}

.down_phone {
	display: block;
	width: 700px;
	text-align: center;
	margin-top: 8%; 

}

.up_phone {
	display: block;
	width: 700px;
	text-align: center;
	margin-top: 8%; 
}

.up {
	display: none;
}
.down {
	display: none;
}
}
*/