body{
	font-family: 'Raleway', sans-serif;	
		background:  url(../img/vertical-waves.png) repeat;
}
.rosa, h3{
	color: /*#e34d8d*/#666;
}
.verde,h6{
	color:/*#019141*/#5d8ec4;
}
.oscuro{
	color: /*#222f34*/#333;
}
#hero{
    height:320px;
    background-image:url(https://via.placeholder.com/640x640);
    background-size:cover;
    background-position:center center;
}
#nav-container{
	background: #fff;
	border-bottom: solid 10px #019141/*#5d8ec4*/;
}
.content-container{
	background: #fff;
	padding-bottom:5em;
	border: solid #ddd 1px;
}
.nav-link, a {
 	color:/*#019141*/#5d8ec4;    
    transition: color .5s ease-out;
}
.nav-link{
	padding: 2rem 1rem;
    text-align: center;
    color: /*#222f34*/#333;
}
.nav-link:hover, a:hover{
	color:/*#e34d8d*/#666;
	text-decoration: none;
}
p{
	text-align: justify;	
}
.i1{
	background-image: url(../img/2.jpg);
	background-size: cover;
	height: 100vh;
	will-change: background;
	animation: breath 28s ease-in-out infinite;
}
.i2{
	background-image: url(../img/1.jpg);
	background-size: cover;
	height: 50vh;
}
.i3{
	background-image: url(../img/3.jpg);
	background-size: cover;
	height: 50vh;
}
.i4{
	background-image: url(../img/4.jpg);
	background-size: cover;
	height: 50vh;
}
.bgl{background-position: left;}
.bgr{background-position: right;}
.bgc{background-position: center;}
.navbar-nav{
	margin-left: auto;
}
footer{
	background: /*#222f34*/#333;
	color:#fff;	
}

#contacto>.row>.col-md-4:first-of-type{
	padding-top: 150px !important;
}
#nosotros,#perforaciones,#servicios{
		padding-left: 0;
		padding-right: 0;
}
.hash{
	padding-top: 91px;
	margin-top: -91px;
}
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #019141;
}
h1 {
    font-size: 1.7em;
}
h1,h2,h3,h4,h5,h6{
    color:#5d8ec4;
    margin-bottom:1em;
}
.navbar-toggler{
	border: solid 1px /*#e34d8d*/#666;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
button:focus{
	outline: none;
}
li{
	list-style: none;
	margin-bottom: 1em;
}
/*li::before {
  content: "•"; 
  color: #5d8ec4;
  display: inline-block; 
  width: 1em;
  margin-left: -1em
}*/
.col-md-6.mapa {
    padding: 0;
    min-height: 420px;
}
.btn {
    background-color: /*#e34d8d*/#666;
    color: #fff;
}

.hero-title {
    color: #fff;
    text-shadow: 2px 2px 2px #0009;
    margin-left: 2em;
}
/*** Preloader ***/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../img/logo.svg) center no-repeat #ffffff;
	background-size:200px 150px;
}
.social-link {
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    font-size: 33px;
    color: /*#e34d8d*/#666;
    margin-right: 15px;
    transition: all .5s ease-out;    
}
.social-link:hover{
	color: #fff;
	background: /*#e34d8d*/#666;
}
#copyright-container {
    background: /*#1c262a*/#292929;
    color: #888;
    text-align: center;
    font-size: .8em;
    padding: 1em;
}
/* video fluid */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 

 }

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.nav-link{
		padding: 0 1rem;
	}
	h1,h2{
	
	}
	#principal{		
		height: 100vh;			
	}
	.h50{
		height: 50vh;
	}
	h1 {
    	font-size: 1.8em;
	}
	.i1{	
	animation: none;
	}
	#hero{
    height:640px;
    background-image:url(https://via.placeholder.com/1920x640);
    background-size:cover;
    margin-top:100px;
    }
    #nav-container{
        height:100px;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	h1 {
    	font-size: 2em;
	}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	h1 {
    	font-size: 2.5em;
	}

}
/*animations*/
@keyframes breath {
  0%   { background-position: 100%; }
  50% { background-position: 0;}
  100% { background-position:100%; }
}