@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,700,700i|Titillium+Web:300,300i,400,400i,700,700i');

body{background-image:url(img/background.jpg); background-attachment:fixed; font-family:'Montserrat', sans-serif;}

nav{background-color: rgba(255, 255, 255, 0.2); margin-bottom: 2%; margin-left: 13%; margin-right: 13%; padding: 1%; text-align: center;}
nav ul li{ list-style-type: none; display: inline;}
nav ul li a{ color:#036; text-decoration: none;padding:0 10px; font-weight:400;}
nav ul li a:hover{color:#fff;}

img{width: 20%; height: auto;
}



.columna1{background-color: rgba(255, 255, 255, 0.2); margin-bottom: 2%; margin-left: 13%; margin-right: 13%; padding: 5%; text-align: center; box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.75);}

h2 {color: #fff;
    display: block;
    font-size: 2.3rem;
    font-weight: bold;}


.columna2{ margin-top: 2%; margin-left: 2%; margin-right: 2%; margin-bottom: 1%; padding: 2rem;}
.columna2 p{text-align: center; padding-left:2rem;color: #fff; }
.columna2 h4{text-align: center;color: #fff;}
.descripcion{}
.descripcion img{width:19%; padding-left:2rem;}

.botonapp{background-color:#6a52b4; font-family: 'Titillium Web', sans-serif; font-weight:700; color:#fff; text-decoration:none; padding:0.8rem; border-radius:0.5rem;}
.botonapp:hover{background: rgba(0,0,0,0); color: #6a52b4; box-shadow: inset 0 0 0 3px #6a52b4;}



.columna3{background: rgba(255, 255, 255, 0.2); margin-top: 2%; margin-left: 13%; margin-right: 13%; margin-bottom: 2%; padding: 1%; text-align: center;
padding-top: 2%; padding-bottom: 3%;
}


.colum4 {display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
	margin-top:3rem;
	margin-bottom:2rem;
    padding-left: 0rem;
    padding-right: 0rem;}
	
.colum4 article{background-color:transparent; padding: 1rem;}
.colum4 article p{padding-top:1rem;}
.colum4 article img{width:100%;}

.container {
  position: relative;
  width: 100%;
    border-color: transparent;}

.container:hover .overlay {
  opacity: 1;
}

.imagenes {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(255,255,255, 0.5);
    border-radius:50%;
}

.text {
  color: #fff;
  font-size: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-family: 'Montserrat', sans-serif; font-weight: 700;
    text-decoration-line: underline;
    text-decoration: none;
}


h5 {font-size: 1.2rem;
    color:#fff;}

p {color:#fff;
    padding-left: 5rem;
    padding-right: 5rem;
    
}

.logo {width: 10%; height: auto;}
footer{ background-color:rgba(0, 0, 0, 0.7); padding:1rem; margin:auto; max-width:72%;}
footer p{font-size:0.7rem; text-align: center; color:#FFF;}
.infoobligatoria{display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: baseline;
	align-content: stretch;
	text-align:left;
	}
.infoobligatoria ul li{text-decoration:none; list-style-type:none; font-size:0.9rem; color:white;}
.infoobligatoria article{max-width:40%;}