* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

ul {
  display: flex;
  justify-content: center;
  margin-left: 2vw;
}

#volver {
  display: flex;
  margin-left: 4%;

}

li {
  display: list-item;
  -webkit-match-parent;
  color: #C6C6C6;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.5vw;
  text-transform: uppercase;
  display: in-line;
  list-style-type: none;
  padding: 0.5vw;
}

li:hover {
  background-color: #333333;
}

a {
  text-decoration: none;
  color: white;
}

h1 {
  margin-top: 2vh;
  font-size: 9vw;
  font-family: 'Teko', sans-serif;
  color: white;
  text-shadow: 5px 5px 5px black;
  position: relative;


}

.subtitulo {
  font-size: 4vw;
  font-family: 'Teko', sans-serif;
  color: white;
  text-shadow: 5px 5px 5px black;
  margin-top: -9%;


}

.secciones1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 25px;
  background: #111;
  position: fixed;
  width: 100%;
  z-index: 100;
  top: 0;
}

.btn0 {
  color: white;
  font-size: 3vw;
  font-family: 'Teko', sans-serif;
  text-align: center;
  width: 20%;
  border-radius: 5px;
  font-family: 'Teko', sans-serif;
  box-shadow: 0px 0px 10px black;
  text-decoration: none;
  margin: 1vw;




}


a {
  text-decoration: none;
  color: white;
}

#zona1,
#zona3,
#zona5 {
  background-color: #67261d;

}

#zona2,
#zona4 {
  background-color: #306660;
}

/*
#Galeria{
  background-color: #67261d ;
}
#Colegio, #Futuro{
   background-color: #306660;
}
*/
.home {

  justify-content: center;
  align-items: center;
}

main {

  height: 100vh !important;
  background: url(https://cdn.discordapp.com/attachments/747878956421873825/992158861559615498/Toba_home.jpg) no-repeat center;
  background-size: cover;
  border-bottom: solid 1vh white;


}

#perfil {
  background: url(https://cdn.discordapp.com/attachments/780576571324497946/994741062155370546/tob_wallpaper.png) no-repeat center;
  background-size: cover;


}

.Nro2 {
  background: url(https://cdn.discordapp.com/attachments/906358210984812584/996169930611368026/unknown.png) no-repeat center;
  background-size: cover;
  height: 110vh !important;
}

.Nro3 {
  background: url(https://cdn.discordapp.com/attachments/906358210984812584/996216206379978752/Sin_titulo-1.png) no-repeat center;
  background-size: cover;
  height: 100vh !important;
}

.Nro4 {
  background: url(https://cdn.discordapp.com/attachments/733746127735881749/996227612017967114/Sin_titulo-2.png) no-repeat center;
  background-size: cover;

}

.Nro5 {
  background-color:#003300;
  height:120vh;

}

.content {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: solid 1vh white;

}

.fotopersonal {
  width: 30vw;
  height: auto;
  border: solid white;
  border-radius: 50%;
  box-shadow: 0px 0px 20px black;
  margin-left: -50%;
  margin-top: -5vh;

}

.fotocolegio {
  width: 30vw;
  height: auto;
  border: solid white;
  border-radius: 50%;
  box-shadow: 0px 0px 20px black;
  margin-left: -80%;
  margin-top: -5vh;

}

.title1 {
  margin-top: 2vh;
  font-size: 8vw;
  font-family: 'Teko', sans-serif;
  color: white;
  text-shadow: 5px 5px 5px black;
  position: absolute;
  margin-left: 45%;
  margin-top: -80vh;
  border-radius: 4%;
}

.title2 {
  margin-top: 2vh;
  font-size: 8vw;
  font-family: 'Teko', sans-serif;
  color: white;
  text-shadow: 5px 5px 5px black;
  position: absolute;
  margin-left: 45%;
  margin-top: -85vh;
  border-radius: 4%;
}

.title3 {
  margin-top: 2vh;
  font-size: 8vw;
  font-family: 'Teko', sans-serif;
  color: white;
  text-shadow: 5px 5px 5px black;
  position: absolute;
  margin-left: 45%;
  margin-top: -80vh;
  border-radius: 4%;
}

.title4 {
  margin-top: 2vh;
  font-size: 8vw;
  font-family: 'Teko', sans-serif;
  color: white;
  text-shadow: 5px 5px 5px black;
  position: absolute;
  margin-left: 45%;
  margin-top: -80vh;
  border-radius: 4%;

}

.title5 {
  margin-top: 0vh;
  font-size: 8vw;
  font-family: 'Teko', sans-serif;
  color: white;
  text-shadow: 5px 5px 5px black;
  margin-left: 45%;
  border-radius: 4%;
  
}

p {
  padding-top: 10vh;
}

.parrafo2 {
  height: auto;
  width: 40vw;
  font-size: 24px;
  font-family: 'Teko', sans-serif;
  color: white;
  text-shadow: 5px 5px 5px black;
  background: #111;
  border-radius: 2%;
  position: absolute;
  margin-left: 55%;
  margin-right: 10%;
  margin-top: 5%;
  padding: 2vh;


}

.parrafo3 {
  height: auto;
  width: 50vw;
  font-size: 24px;
  font-family: 'Teko', sans-serif;
  color: white;
  text-shadow: 5px 5px 5px black;
  background: #111;
  border-radius: 2%;
  position: absolute;
  margin-left: 55%;
  margin-right: 10%;
  margin-top: 8%;
  padding: 2vh;

}

.parraffo {
  height: auto;
  width: 50vw;
  font-size: 24px;
  font-family: 'Teko', sans-serif;
  color: white;
  text-shadow: 5px 5px 5px black;
  background: #111;
  border-radius: 2%;
  margin-left: 55%;
  margin-right: 10%;
  margin-top: 2%;
  padding: 2vh;

}

.collage{
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: .5em auto;
}

.galeria{
	width: 100%;
	overflow: hidden;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	animation: sectionAnimation 3s;
}

.galeria .img{
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
	float: left;
	margin: 5px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.galeria .img:hover{
	-webkit-animation-timing-function: hoverAnimation;
	-o-animation-timing-function: hoverAnimation;
	animation-timing-function: hoverAnimation;
}

.collage .img:before{
	content: attr(data-text) "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	top: 0;
	left: 0;
	position: absolute;
	color: #FFF;
	line-height: 30px;
	top: 100%;
	z-index: 1;

	display: flex;

	align-items: flex-end;
	justify-content: center;
	-webkit-transition: all .3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition: all .3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}

.collage .img:hover:before{
	top: 0;
}

.collage .img img{
	width: 100%;
	float: left;
}
.galeria{
  background-color:#333333;
  width:100vw;
;
}