body {
	top: 0;
	width: 100%;
	font-family: avenir next;
	color: white;
	background: rgb(255, 253, 249);
	overflow: scroll;
	overflow-x: hidden;

	}
	
.menu {
	top: 0;
	padding: 0;
}

.div{
	background-color: rgba(35, 35, 35, 1);
	height: 2px;
	width: 100%;
	margin-top: 2%;
}

a {
	text-decoration: none;
	color: rgba(35, 35, 35, 1);
}

a:hover {
	cursor: pointer;
	color: grey;
	}

.menu ul {
	top: 0;
	list-style: none;
	width: 90%;
	display: flex;
	overflow: hidden;
}

.menu li {
	width: 10%;
	margin-top: 3%;
	margin-bottom: -3%;
	padding: 2%;
	text-align: center;
}

.logo {
	width: 60%;
	margin-top: -17%;
}

.mobile {
	right: -200px;
	top: 0;
	margin: 0;
}
	
.active {
	right: 0;
}


.galeria {
	position: static;
	padding-bottom: 10%;
}
	
.proyecto.risco {
	width: 95%;
	float: left;
	color: rgb(65, 65, 65);
	margin: 2%;
}

.contacto ul {
	list-style: none;
}

@media screen and (min-width: 950px){
	body {
		margin-left: 2%;
		margin-right: 2%;
		overflow-x: hidden;
	}
	.menu{
		width: 85%;
		height: 16%;
		position: relative;
		margin: auto;
		margin-top: -3%;
		margin-left: 7%;
		margin-bottom: 3%;
	}
	
	.menu ul {
		margin-left: 15%;
	}

	
	.burger {
		display: none;
	}
	
	.mobile li {
		display: none;
	} 
	
	/*sección proyecto*/
	h1 {
		font-size: 300%;
		float: left;
		margin-top: 8%;
	}
	
	.simbolo {
		width: 10%;
	}
	
	.simbolo.risco {
		float: left;
		width: 15%;
	}
	
	.galeria {
		width: 70%;
		align-items: center;
		margin-top: 20%;
		padding-left: 10%;
	}
	
	.slide {
		width: 48%;
		margin-left: 35%;
		margin-top: -5%;
		float: none;
	}
	

	.constru {
		margin-top: 10%;
		float: left;
		width: 100%;
	}
	.simbolo.construccion {
		margin-top: -15%;
	}
	.constru h2 {
		margin-top:-9%;
		margin-left: 10%; 
	}

	.construccion, .acabados {
		float: left;
	}
	
	.detalles.cuatro {
		float: right;
		width: 45%;
		margin-top: -32%;
		padding-right: 1%;
		margin-right: 9%;
		margin-bottom: 3%;		
	}
	#intro1 {
		text-align: left;
		width: 30%;
		margin-top: 3%;
		margin-left: 10%;
	}
	
	.detalles.cinco {
		float: left;
		width: 35%;
		margin-left: 10%;
	}
	
	#intro2 {
		float: right;
		width: 38%;
		margin-right: 10%;
	}
	
	.acabado {
		margin-top: 7%;
		float: left;
	}

	.acabado p {
		float: left;
		margin-top: 3%;
		margin-right: 10%;
		margin-left: 10%;
	}
	.detalles.seis {
		width: 60%;
		margin: 0;
		margin-left: 20%;
	}
	.contacto {
		float: left;
		width: 100%;
		margin-left: 14%;
		margin-bottom: 1%;
	}
	
	.contacto li {
		float:left;
	}
	
	.link {
		font-size: small;
		width: 20%;
		margin-top: .7%;
		padding-right: 2%;
	}
	
	.iconomail, .iconoig, .iconofb {
		width: 4%;
	}
	
	.icono {
		width: 60%;
	}
	
	
}
@media screen and (min-width: 300px) and (max-width: 949px) {
	body {
		overflow: auto;
		align-content: center;
		text-align: center;
		margin-left: 2%;
		margin-right: 2%;
	}
	/*Menú*/
	
	.menu {
		margin-bottom: 5%;
		
	}
	
	.desktop li{
		display: flex;
		visibility: hidden;
		padding: 0;
		margin: 0;
		margin-top: 1%;
	}
	
	.logo{
		margin-left: 260%;
		float: left;
		display: flex;
		visibility: visible;
		width: 100%;
	}
	
	.burger {
		position: absolute;
		top: 3vh;
		left: -60px;
		width: 50px;
		height: 50px;
		box-sizing: border-box;
		cursor: pointer;
		background: rgb(255, 253, 249);
		border: none;
		outline: none;
	}
	
	.burger span {
		display: block;
		width: 35px;
		height: 3px;
		background: rgba(35, 35, 35, 1);
		position: absolute;
		top: 24px;
		transition: .3s;
	}
	
	.burger span:before {
		content: '';
		position: absolute;
		top: -10px;
		right: 0;
		width: 100%;
		height: 3px;
		background: rgba(35, 35, 35, 1);
		transition: .3s;
	}
	
	.burger span:after {
		content: '';
		position: absolute;
		top: 10px;
		right: 0;
		width: 100%;
		height: 3px;
		background: rgba(35, 35, 35, 1);
		transition: .3s;
	}
	
	.burger.toggle span {
		background: transparent;
	}
	
	.burger.toggle span:before {
		top: 0;
		transform: rotate(45deg);
	}
	
	.burger.toggle span:after {
		top: 0;
		transform: rotate(-45deg);
	}
	
	.mobile {
		position: fixed;
		width: 200px;
		height: 100%;
		background: rgb(255, 253, 249);
		transition: .3s;
	}
	
	.mobile ul {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 0;
		padding: 50% 0;
	}
	
	.mobile li {
		width: 30%;
		margin-bottom: 10%;
	}
	
	,mobile a {
		padding: 10px 20px;
		display: block;
	}
	
	.div{
		width: 80%;
		margin-left: 10%;
	} 

	.simbolo.risco {
		width: 25%;
		padding: 1%;
		margin: 1%;
	}

	

	h1 {
		font-size: 300%;
		text-align: center;
		margin-top: 8%;
	}

	.galeria {
		float: none;
		margin-left: 35%;
	}	
	
	.slide {
		width: 50%;
	}
	
	.construccion, .acabados {
		width: 25%;
	}

	.detalles {
	width: 60%;
	}
	.detalles.cinco {
		margin-top: 1%;
	}
	
	p {
		font-size: small;
	}
	/*Contacto*/
	
	.contacto {
		float: left;
		left: 0;
		width: 100%;
		font-size: small;
		text-align: left;
	}
	
	.contacto li{
		margin-bottom: 4%;
	}
	
	.icono {
		width: 6%;
		padding-right: 1%;
		float: left;
	}

}