body, html, h1, h2, h3, h4, h5, h6, p {
	margin:0px;
	padding:0px;

}
a {color:inherit; text-decoration:none;border:none;}
img {border:0px;}
body{
	background:#303737;
	font-size: 12pt;
font-family: 'Trebuchet MS', sans-serif;
}
.inline {display:inline;}
.middle {vertical-align:middle;}
textarea {resize:none;}


#images_arriba {width:564px;height:294px;position:absolute;margin-top:0px;margin-left:0px;}
#container {width:1250px;margin-left:auto;margin-right:auto;padding-top:200px;}
#servicios {width:245px;height:auto;float:right;color:#fff;font-style:italic;line-height:22px;font-family: 'PT Serif', serif;
}

#servicios p {
	font-size: 24px;
    line-height: 1.5em;
}
h1 {
    font-size: 1.5em;
}
#logo {width:330px;height:125px;margin:auto;}
#redesproximamente {margin-top:40px;width:100%;height:50px;}

#redes {float:left;color:#fff;font-family: 'Barlow Semi Condensed', sans-serif;
}
#proximamente {float:right;width:380px;color:#fff;font-size:17px;letter-spacing:10px;font-family: 'Barlow Semi Condensed', sans-serif;
}
#container {
    position:relative;
    z-index:2;
}
#images_abajo {
    width: 543px;
    height: 292px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

#redes .links {
	font-weight:500;
}
.gradient {
background: rgb(5,191,233);
background: -moz-linear-gradient(90deg, rgba(5,191,233,1) 0%, rgba(47,247,177,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(5,191,233,1) 0%, rgba(47,247,177,1) 100%);
background: linear-gradient(90deg, rgba(5,191,233,1) 0%, rgba(47,247,177,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#05bfe9",endColorstr="#2ff7b1",GradientType=1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (max-width:1300px){

#container {width:90%;}
#logo {margin-top: 35px;}


}


@media screen and (max-width:810px){
#container {width:95%;}
}

@media screen and (max-width:585px){
#images_abajo {width:100%;height:auto;}
#images_abajo img {width:100%;}
#images_arriba {width:100%;height:auto;}
#images_arriba img {width:100%;}

}

@media screen and (max-width:500px){
#proximamente {width:90%;float:none;margin-left:auto;margin-right:auto;}
#redes {float:none;width:90%;margin-left:auto;margin-right:auto;}

#logo {width:85%;height:auto;}
#logo img {width:100%;}
#servicios {float:none;margin:auto; width:185px;}
#logo {
    margin-top: 15px;
}
#container {
    padding-top: 150px;
}

#servicios p {
    font-size: 18px;
}

}