*{ margin:0;}
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?rdj42j');
  src:  url('fonts/icomoon.eot?rdj42j#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?rdj42j') format('truetype'),
    url('fonts/icomoon.woff?rdj42j') format('woff'),
    url('fonts/icomoon.svg?rdj42j#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-compartir-share:before {
  content: "\e918";
}
.icon-buscar-search:before {
  content: "\e919";
}
.icon-ticket:before {
  content: "\e939";
}
.icon-users:before {
  content: "\e972";
}
.icon-eye:before {
  content: "\e9ce";
}

.boton_solido{
    text-decoration: none;
    padding: 0.9rem;
    padding-left: 7.7rem;
    padding-right: 7.7rem;
    font-weight:normal;
    font-size: 1rem;
    color: white;
    background-color: #4F269F;
    border-radius: 2rem;
    font-family: 'Roboto', sans-serif;
    margin-top: 0.5rem;
}




header h1 a {
    padding: 0.5rem;
    text-decoration:none;
    color: #fff;
    font-size: 5rem;
    font-family: 'Roboto', sans-serif;
    font-weight:bolder; 
}

header {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0;
    background-color: #2f2f2f;
}

contenedor_alumnos {
    display: flex;
    justify-content: center;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.titulo-primer{
    color: white;
}
.parrafo-primer{
    color:white;
}

.btn-descarga{
    width: 10rem;
    padding: 1rem;
    margin: 0;
}
img.btn-descarga {
    margin: -0.7rem;
}
.descarga{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: stretch;
    margin-left: 4rem;
    margin-right: 4rem
}

article {
    display: flex;
    justify-content: center;
}

h3 {
    text-align: center;
    font-size: 3rem;
    font-family: 'Roboto', sans-serif;
    margin-top: 4rem;
    margin-bottom: 1rem;
    color: #4F269F;
}

.titulo-accion{
    color: #4F269F;
    font-weight: bolder;
    font-size: 1.7rem;
}
.contenedor-2 {
    margin-bottom: 5rem;
}

.datos_facultativos {
    display: block
    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    text-align: center;
    justify-content: center; 
}

.datos_facultativos-boton{
    display: block
    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    text-align: center;
    justify-content: center;
    margin-top: 5rem;    
}

div {
    font-family: 'Roboto', sans-serif;
}

footer {
    background: #2f2f2f;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-family: 'Roboto', sans-serif;
    font-size: 0.8rem;
    color: white;
}

.landing {
    background-image: url(app_bajyb_sin%20texto.jpg);
    height: auto;
    width: auto;
}

.store {
    margin: 8rem;
    width: 100%;
    text-align: right;
    align-content: flex-end;
    align-items: flex-end;
}

.leyenda {
    font-family: 'Roboto', sans-serif;
    text-shadow: 2px 2px black;
    font-weight: 800;
    margin-top: 1rem;
    font-size: 3rem;
    color: white;
    background: none;
    text-align: right;
    justify-content:flex-end;
}

.presentacion {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-image: url(jens-thekkeveettil-dBWvUqBoOU8-unsplash.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    display: flex;
    flex-wrap: wrap;
    height: 60rem;
    margin-top: -10rem;
}

.logo-header{
    width: 6rem;
    padding: 1rem;
}

.contenedor-primera-parte {
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
}

.sector-app {
    background-color: aqua;
    width: 45%;
    height: 30%;
}

.sector-texto{
    background-color: brown;
    width: 45%;
    height: 30%;
}

.contenedor-1 {
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
    width: 100%;
    height: 40rem;
    background-image: url(../img/App-Screens-Showcase-Presentation_3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    display: flex;
    flex-wrap: wrap;
}

.datos_facultativos-app {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    text-align: center;
    justify-content: center;
    background-color: #4F269F;
    margin-top: 12rem;
    margin-left: 5rem;
    margin-right: 2rem;
    margin-bottom: 2rem;
    padding: 0.8rem;
    height: max-content;
}

.datos_facultativos-app-2 {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    text-align: center;
    justify-content: center;
    margin-top: 12rem;
    margin-left: 5rem;
    margin-right: 2rem;
    margin-bottom: 2rem;
    padding: 0.8rem; 
}

.logo-completo {
    width: 12rem;
    padding: 0.5rem;
}

.videoapp {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-bottom: 1rem;
}