body {
	margin: 0;
	font-family: 'Be+Vietnam', sans-serif;
	background: url("images/diamond_upholstery.png");
}

header .menus {
	display: flex;
	justify-content: space-between;	
}

header ul {
	display: flex;
	
}

header ul li {
	list-style: none;
	margin-right: 30px;
	text-align: center;
	font-weight: bold;
}
 
a {
	text-decoration: none;
}

.contenedor{
	max-width: 1280px; 
	width: 90%;
	margin: auto;
}

header {
	background: url("https://live.staticflickr.com/65535/49325237221_fbaf6d4eff_b.jpg");
	height: 76vh;
	background-size: cover;
	background-position: center; 

}

#contenedor-titulo-flex{
	display: flex;
	justify-content: center;
	margin: 18vh 0;
	
	
}

h1{
	font-family: Pacifico;
	font-size: 60px;
	color: #fff;
	margin: 0;
	text-align: center;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	font-weight: bold;
}

h2{
	font-size: 25px;
	color: #EEEEEE;
	text-align: center;
	font-weight: bold;
	margin: 15px 0;
}


.contenedor-titulo{
	text-align: center;

}

#contenedor-titulo-flex{
		max-width: 1580px;
	width:100%;
}
.contenedor-titulo a, #sobre-mi a, #blog a, #que-esperas a,#contacto input [type="select"],  #contacto input[type="submit"] {
	font-size: 14px;
	color: #fff;
	background: #BBCC9B;
	padding: 14px 24px;
	width: 128px;
	display: inline-block;
}

.contenedor-titulo a {
	font-size: 18px;
	padding: 16px 40px;
	width: auto;
	background: linear-gradient(to bottom, #BBCC9B, #9db335);
	font-weight: bold;
	border-radius: 5px;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	transition: all 0.3s ease;
	margin-top: 20px;
	display: inline-block;
}

.contenedor-titulo a:hover {
	background: linear-gradient(to bottom, #c8dd7f, #a8c22a);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
	transform: translateY(-2px);
}

p.logo{
	color: #fff;
	font-size:20px;
}

.menus img{
	width: 180px;
	height: 90px@media
	
}

nav ul li a{
	color:#fff;
}


/* SECCION PREGUNTA O SOBRE MI */

h3 {
	font-family: Pacifico;
	text-align: center;
	font-size: 55px;
	font-weight: normal;
}


#sobre-mi .contenedor-sobremi{
	display: flex;
}


#sobre-mi .texo{
	width:  42%;
}

#sobre-mi .computadoras{
	width: 50%;
}
#sobre-mi img{
	width: 80%;
}

#video {
	text-align: center;
	width: 100%;
}

/* NUESTRO SISTEMA */

.contenedor-servicios{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	color: #FFFDEC;
	
}



.servicio {
	width: 24%;
	padding: 34px 30px 38px 30px;
	border-radius: 10px;
	margin-bottom: 40px;
	position: relative;
}

.servicio h4 {
	font-size: 30px;
	margin:0;
	
}

.servicio p{
	margin-bottom: 20px;
	height: 194px;
}


.contenedor-servicios .violeta{
	background: linear-gradient(to top,#5055df,#6d68f3);
	box-shadow: 0 12px 30px 0 rgba(80,85,223,.37);
}

.contenedor-servicios .verde{
background: linear-gradient(to bottom,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 26%,rgba(128,194,23,1) 51%,rgba(157,213,58,1) 67%,rgba(124,188,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
box-shadow: 0 12px 30px 0 rgba(80,85,223,.37);
}

.ondas {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	
}

.icono {
	float: right;
	width: 80px;
	height: inherit;
}

/*seccion mis-trabajos */

button.owl-prev, button.owl-next{
	font-size: 40px !important;
}

span {
    color: #8cc826;
}


/*porque trabajar conmigo*/

.contenedor-trabajar{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#por-que-trabajar .item {
	width: 28%;
	text-align: center;
	
}

#por-que-trabajar ul li{
	list-style: none;
	
}

.contenedor-trabajar ul li:nth-child(2){
	font-weight: bold;
	font-size: 50px;
	margin-top: 5px;
	margin-bottom: 20px;
}

.contenedor-trabajar ul li:nth-child(3){
	line-height: 31px;
}

.contenedor-trabajar img{
	width: 160px;

}

/*seccion blog*/

.contenedor-publicaciones{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

#blog .publicacion{
	width: 30%;
	box-shadow:  1px 1px 1px 1px #ccc;
	padding: 20px;
}

#blog .imagen1 {
    height: 384px;
    background: white;
    position: relative;
}
	#blog img {
    position: absolute;
    width: 100%;
    bottom: 0;
}


.contenido{
	background: #fff;
	padding: 20px;
}

#blog h4{
	margin: 0;
	font-size: 23;
	margin-bottom: 15px;
}

p {
    text-align: justify;
}


#blog p{
	color: #5A6169;
	line-height: 24px;
	font-size: 16px;
}


/* que esperas*/

#que-esperas{
	background: linear-gradient(to bottom, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); 
	text-align: center;
	padding: 50px 0;
	margin-top: 40px;
	
}

#que-esperas h3{
	font-family: Pacifico;
	font-size: 23px;
	color: #fff;
}


/*formulario*/



.whatsapp  p{
	
	text-align: center;
}

.whatsapp img{
	width: 20%;
}

form{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 77%;
	margin:auto;
}

input[type="text"],input[type="email"], #contacto input [type="select"]{
	width: 49%;
	margin-bottom: 15px;
	padding: 18px 0;
	border: 0;
	border-bottom: 1px  #5cb8ff dotted;
	font-size: 17px;
	
}

textarea{
	padding: 18px 0;
	border: 0;
	border-bottom: 1px  #5cb8ff dotted;
	font-size: 17px;
	margin-bottom: 40px;
	width: 100%;
}

 #contacto input[type="submit"] {

	width: 100%;
	margin: auto;

}

.contacto-info{
	display: flex;
	justify-content: space-around;
	margin-top: 60px;
}

.contacto-info img{
	width: 28px;
	vertical-align: middle;
	margin-right: 10px;	
}

footer {
	background: #2F2F2F;
	padding: 40PX 0;
	text-align: center;
	margin-top: 40px;
}

footer .contenedor{
	display: flex;
	justify-content: center;
	flex-direction: column;
	
}

footer img{
	margin: 0 40px;
	width: 28px;
	vertical-align: middle;
	margin-right: 10px;	
	transform: rotate(0);
	transition:0.4s;
}

footer img:hover{
	transform: rotate(360deg);
	transition: 0.4s;
}

footer p{
	color:#fff;
	margin-top: 40px;
}

#whatsapp3 {
	position: fixed;
	bottom: 30px;
	right: 2%;	
	z-index: 10;
}

#whatsapp3 img{
	width: 50px;
	height: inherit;
}

html {
	scroll-behavior: smooth;
}

#sobre-mi, #mis-trabajos, #por-que-trabajar, #blog, #contacto {
	padding: 90px 0;
}

.menu-icon {
	display: none;
}

@media (max-width:800px){
	header{
	
	}
	
	.menu-icon{
		display: block;
		float: right;
		width: 40px !important;
		height: 30px !important;
		margin-top: 15px;
	}	
	
	header nav{
		position: absolute;
		top:83px;
		left: 0;
		height: 269px;
		background: #00902D;
		width: 100%; 
		display: none;
		
	}
	
	header nav ul{
		flex-direction: column;
	}
	
	header nav ul li{
		margin-bottom: 15px;
	}
	
	h1 {
		
		font-size: 28px;
		color: rgba(157,213,58,1);
	}
	
	h2 {
		font-size: 19px;
		color: rgba(157,213,58,1);
		padding: 20px;
		
	}
	

	#sobre-mi .contenedor-sobremi{
	flex-direction: column;
		width: 90%;
	}
	
	#sobre-mi .computadoras {
    width: 100%;
}
	
	#sobre-mi img {
    width: 100%;
}
	
	#sobre-mi .texo {
    width: 100%;
}
	.contenedor-servicios {
    flex-direction: column;
}
	.servicio{
		width: 82%;
		padding: 34px 30px 69px 30px;
	}
	
	h3 {
		font-family: Pacifico;
		font-size: 43px;
	}
	.contenedor-trabajar {
    flex-direction: column;
	}
	
	#por-que-trabajar .item{
		width: 100%
	}
	.item ul {
		padding: 0;
	}
	.contenedor-publicaciones {
    flex-direction: column;
	}
	
	#blog .publicacion {
    width: 100%;
	margin-bottom: 40px;	
	}
	.whatsapp img {
    width: 90%;
	}
	
	

	
	#contacto form{
		width: 100%;
		flex-direction: column;	
	}
	input[type="text"], input[type="email"], #contacto input [type="select"]{
    width: 100%;
	}
	
	contacto-info {
    flex-direction: column;
	}
}

@media (min-width: 600px) and (max-width:800px){
	
	header{
	
	}
	
	.contenedor-servicios {
    width: 76%;
    margin: auto;
	}
	
	.contenedor-publicaciones {
    width: 74%;
    margin-bottom: 40px;
    margin: auto;
	}
}