/*hoja de estilos CSS login*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);
/* font-family: 'Oswald', sans-serif; */

/*font-family:'Open+Sans', sans-serif;*/
/* font-weight: 400; */
/* font-weight: 700; */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-decoration: none;
	list-style: none;
    font-family: 'Roboto';
}


body {
		background: url('imagen/backlogin1.jpg') no-repeat center center fixed;
		background-size: cover;
    font-family: 'Roboto ';
    margin: 0;
    height: 100%;
    max-height: 100%;
    min-height: inherit;
	}
.menu {visibility: hidden;

}



.contenido1 h2 {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 21px;
    color: white;

}



.boton{
  background-color: rgb(252, 255, 233);
	color: rgb(62, 11, 66);
  border: 0;
  padding: 1em 2em ;
  margin: 1em 0;
	width: 100%;
	font-family:'Roboto';
  font-weight: 700;
}

.boton:hover{
	background-color: rgb(21, 179, 179);
	color: rgb(254, 253, 251)
}
#olvido {
color: white;
float: none;
font-size: 0.9em;
margin-left: 15%;
}

.box {
height: 1em;
}

#recordarme {
margin-top: 4em;
}



 .contenedor {
	 padding: 5em 1em;
	 margin-top: 2%;
	 margin-left: 20%;
	 margin-right: 20%;
	 background: rgba(24,44,94,1);
	 background: -moz-linear-gradient(top, rgba(24,44,94,1) 0%, rgba(50,64,101,0.61) 79%, rgba(67,102,191,0.5) 100%);
	 background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(24,44,94,1)), color-stop(79%, rgba(50,64,101,0.61)), color-stop(100%, rgba(67,102,191,0.5)));
	 background: -webkit-linear-gradient(top, rgba(24,44,94,1) 0%, rgba(50,64,101,0.61) 79%, rgba(67,102,191,0.5) 100%);
	 background: -o-linear-gradient(top, rgba(24,44,94,1) 0%, rgba(50,64,101,0.61) 79%, rgba(67,102,191,0.5) 100%);
	 background: -ms-linear-gradient(top, rgba(24,44,94,1) 0%, rgba(50,64,101,0.61) 79%, rgba(67,102,191,0.5) 100%);
	 background: linear-gradient(to bottom, rgba(24,44,94,1) 0%, rgba(50,64,101,0.61) 79%, rgba(67,102,191,0.5) 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182c5e', endColorstr='#4366bf', GradientType=0 );
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items:center
 }
.contenido1 img{
    max-height: 200px;
    min-height: 200px
         background-position: center;
}

.incluido {
    visibility: hidden;

}

 @media (max-width: 480px) {

	 .contenedor {
		margin-left: 5%;
		margin-right: 5%;
	 }

 }

@media (min-width: 1024px) {

 .menu{visibility: visible;

     }
    /* header menu */

ul.menu {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: rgba(209,211,214,0.61);

}

ul.menu li {
float: left;


}

ul.menu li a {
display: inline-block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
transition: 0.3s;
font-size: 17px;

}

ul.menu li a:hover {
background-color: rgba(24,44,94,1);
}

ul.menu li.icon {
display:none;
}

    .incluido{
        visibility: visible;
        max-height: inherit;
    }

	 .contenedor {
		 padding: 8em 3em;
		 margin-top: 10%;
		 margin-left: 10%;
		 margin-right: 10%;
	 }
	 .contenido1 {
	 	margin-top: 15px;
         background-position: center;
	 }

	 .contenido2 {
		 margin-bottom: : 1em;
	 }

 }
.contenido1 {
	margin-bottom: 3em

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

.contenido2 a {
	width: 80%
}

.contenido2 input{
	background: none;
	border: 0;
	border-bottom: px solid #fff;
	color: #fff;
	min-width: 20%;
	padding: 10px;
	margin-bottom: 20px
}
.boton{
  background-color: rgb(252, 255, 233);
	color: rgb(62, 11, 66);
  border: 0;
  padding: 1em 2em ;
  margin: 1em 0;
	min-width: 20%;
	padding: 10px;
	margin-bottom: 20px
	font-family:'Roboto';
  font-weight: 700;
    border-bottom: 1px solid #fff;
}

.boton:hover{
	background-color: rgb(21, 179, 179);
	color: rgb(254, 253, 251)
}
<!--incluido-->
.incluido {
    display: flex;

    }
/*incluido*/
.titulo h2 {
    text-align: center;
    font-family: "Roboto";
    font-weight: 600;
    color: white;
    padding: 10px;

}
.caja1{
    display: flex;
    padding: 20px;
margin: 10px;
    flex-direction: row;
    margin-left: 200px;

}
.nav1{
    background-color: rgba(209, 211, 214, 0.61);
    flex-direction: column-reverse;
    padding: 20px;
    margin: 10px;

}
h3{
    color: rgb(62, 11, 66)
}
.nav4{
    background-color: rgba(209,211,214,0.61);
    flex-direction: column-reverse;
    padding: 20px;
    margin: 10px;


}
/*presentacion*/
.caja2{

    padding: 2px;
margin: 7px;
}
.titulo2 h2 {
    text-align: center;
    font-family: "Roboto";
    font-weight: 600;
    color: white;
    padding: 10px;

}

.videoDiv{
	display: flex;
	align-items: center;
	justify-content: center;
	height:auto
}
video {
	width: 750px;
	max-width: 100%
}

/*conoce*/
.titulo3 h2 {
    text-align: center;
    font-family: "Roboto";
    font-weight: 600;
    color: white;
    padding: 10px;
}
.caja3{
    padding: 0.5px;
margin: 3px;

}

.texto{
    background-color: rgba(209,211,214,0.61);
    padding: 100px;
    margin: 10px;
    text-align: center;
   }

p{
    font-size: 14px;
    font-weight: 300;
    padding: o.5px;
    margin: 1px;
   color: rgba(24,44,94,1)

}
.texto img{
   height: 300px;
    padding-right: 400px;


    }
#izq{
    height: 300px;
    margin-left: 400px;
}

/*equipo*/

.caja4{
    display: flex;
    padding: 0.5px;
    margin: 3px;
}
.titulo4 h2 {
    text-align: center;
    font-family: "Roboto";
    font-weight: 600;
    color: white;
    padding: 10px;
    margin: 1px;
}
.grupo1{
    background-color: rgba(209,211,214,0.61);
    padding: 50px;
    margin: 50px;
    flex-direction: column;
    text-align: center;
}
.foto img{
    max-width: 100px;
    min-width: 100px;
}
.caja5{

    padding: 0.5px;
margin: 3px;
}
.titulo5 h2 {
    text-align: center;
    font-family: "Roboto";
    font-weight: 600;
    color: white;
    padding: 10px;
}
.gente{

    background-color: rgba(209,211,214,0.61);
    padding: 20px;
    margin: 10px;
}
.gente img{
    max-width: 600px;
    min-width: 300px;
    margin-left: 300px;
}
/* ///FOOTER/// */


footer {
	padding: 0;
    color: #E8547E;;
    font-size: 0.5em;
	background-color: rgba(240, 255, 255, 0.1);
	margin-top: 93.2em;
}
footer figure{
	display: flex;
	align-items: center

}

footer figure img{
	max-width: 10em;
	padding-right: 1em
}