* {
	font-family: 'Open Sans', sans-serif;
	letter-spacing: .4px;
	line-height:1.6em;
}

body{
	background:#59ABE3;
}

.contactanos{
	width:400px;
	height:480px;
	background:#e6e6e6;
	border-radius:8px;
	box-shadow:0 0 40px -10px #000;
	margin:calc(50vh - 220px) auto;
	padding:20px 30px;
	max-width:calc(100vw - 40px);
	box-sizing:border-box;
	position:relative
}
	
h2{
	margin:10px 0;
	padding-bottom:10px;
	width:180px;
	color:#78788c;
	border-bottom:3px solid #78788c
}
input{
	width:100%;
	padding:10px;
	box-sizing:border-box;
	background:none;
	outline:none;
	resize:none;
	border:0;
	transition:all .3s;
	border-bottom:2px solid #bebed2
}
input:focus{
	border-bottom:2px solid #78788c
}
p:before{
	content:attr(type);
	display:block;
	margin:28px 0 0;
	font-size:14px;
	color:#5a5a5a
}
button{
	float:right;
	padding:8px 12px;
	margin:8px 0 0;
	border:2px solid #78788c;
	background:0;
	color:#5a5a6e;
	cursor:pointer;
	transition:all .3s
}
button:hover{
	background:#78788c;
	color:#fff;
}
.membrete{
	content:'Hi';
	position:absolute;
	bottom:-20px;
	right:-20px;
	background:#50505a;
	color:#fff;
	width:320px;
	padding:16px 4px 16px 0;
	border-radius:6px;
	font-size:13px;
	box-shadow:10px 10px 40px -14px #000
}
.fa{
	margin:0 5px 0 15px
}



@media all and (max-width:768px){

	.main-page__info{
		margin: 100px 5%;
		width: 90%;
	}

	.main-page__description{
		margin:60px 15%;
		width:70%;
	}
}