* {
    box-sizing: border-box;
    padding: 0;

    margin: 0;
}

.contenedor {
    margin: auto;
    max-width: 91.42rem;
}

p {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 700;
}


header {
    background-color: #74E895;
    padding: 0.3rem;
    display: flex;
    align-items: center;
    align-content: space-between;
    justify-content: space-between;
    padding:0.5rem;
}

.block {
    margin: auto;
    /*max-width: 950px;*/
    display: flex;
    flex-direction: row;
    font-family: 'M PLUS Rounded 1c', sans-serif; 
}

.trescolumnas {
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
    margin: auto;
    padding: 0 0 0 0;
}

barra {
    
    display: flex;
    flex-direction: row;
    background-color: #74E895;
    padding: 4.5rem 0 0 0;
    
}

.primerbloque {
    display: flex;
    flex-direction: row;
    background-color: #e2e7eb;
    padding: 4.5rem 0 0 0;
}

.titulo {
    
   width: 100%;
   font-family: 'M PLUS Rounded 1c', sans-serif;    
    padding-left: 2rem;
    
}


.imagenderecha {
   
    width: 50%;
    max-width: auto;
    margin: auto;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-around;
    
}

.imagenderecha.png {
    width: 25%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-around;
}



.botones-descargar {
    height: auto; 
    width: auto; 
    max-width: 100px; 
    align-content: space-around;
    align-items: flex-start;
    padding: 0 0 0 0rem;
}

.box1side2 {
    width: 50%;
    max-width: auto;
    margin: auto;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-around;
}

.segundobloque {
    margin: auto;
    max-width: 950px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: space-around;
    padding: 0.3rem;
    
}



.catedra {
     font-family: 'M PLUS Rounded 1c', sans-serif;
    color: #74b283;
    font-size: 0.7rem;
    text-align: center;
    padding-left: 2rem;
}

footer .block .trescolumnas .columna a {
    font-family: 'M PLUS Rounded 1c', sans-serif;    
    font-size: 0.9rem;
    text-decoration: none;
    color: #696565;
}

footer .block .trescolumnas .columna a:hover {
    font-family: 'M PLUS Rounded 1c', sans-serif;    
    font-size: 0.9rem;
    text-decoration: underline;
}

h1 {
     
     
     background-color: #74E895;
     margin: auto;
     color:aliceblue;
    padding-left: 2.1rem;
   
}

h3 {
    padding-left: 2.1rem;
}

.videolanding {
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
    background-color:  #e2e7eb;
    padding: 2rem;
}






/* RESPONSIVE - VERSION MOBILE */

@media all and
    (max-width: 850px) {
    
        header {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;

}
        

        
        .block {
    margin: auto;
    max-width: 850px;
    display: flex;
    flex-direction: column;
}
        
        .primerbloque {
    display: flex;
    flex-direction: column;
    background-color: #e2e7eb;
    padding: .0 1rem 0 1rem;
}
        
        .botones-descargar {
    height: auto; 
    width: auto; 
    max-width: 150px; 
    align-content: space-around;
    align-items: center;
    /*margin: auto;*/
    padding: 0 0 0 0;
        }
        
       /* .imagenderecha {
    width: 100%;
}*/
        
              .imagenderecha img {
    width:200%;
}
  
        .box1side2 {
    width: 100%;
}
        .segundobloque {
            flex-direction: column;
            padding: 1rem 0 1rem 0;
            margin: auto;
        }
        
        
        .catedra {
    width: 90%;
    font-size: 0.75rem;
    margin: auto;
    line-height: 10px;
}
        
        p {
          padding-right: 1rem;  
            
        }
        
        .segundobloque img {
            margin: auto;
        }