*{box-sizing: border-box;}

*{margin: 0;
  padding: 0;
  }

html {font-family: "roboto", sans-serif;}

header {background-color: black;
        height: 70px; padding: 0.3rem;
        }





section { background: linear-gradient(to bottom, #25a0ab 0%,#2fe581 100%);
          background-attachment: fixed;
          width: 100%;
          height: 380px;}




.descripcion {display: flex; justify-content: space-between;
              margin: 6rem;}


.descarga p {font-family: Helvetica, sans-serif;
    font-size: 2.4rem;
    display: block;
    float: left;
    color: white;
    margin-top: 7rem;
    margin-left: 9rem;
    margin-right: 8rem;
        }

    .icono {color: white;
            background-color: #25a0ab;
            font-size: 1.8rem;
            margin-bottom: 1rem;
            border-radius: 200px;
            padding-bottom: 0rem;
            width: 40px;
            height: 40px;
            text-align: center;
            margin-left: 7rem;}


.botones {margin: 2rem 15rem;}

.izquierda {display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
    float: left;}


.texto {
        display: block;
        float: left;
        width: 300px;
        height: 100px;
        margin: 5px;
        text-align: center;
        padding: 1rem;}


footer {clear: both;
        background-color: black;
        color: white;
        font-size: 0.7rem;
        text-align: center;
        padding: 1rem;
        margin-top: 3rem;}


@media (max-width: 414px){
    
    .botones{ width: 30%;
              margin:auto;
              display: flex ;justify-content: space-around}
    
    
    .descarga p {font-size: 1.3rem;
                margin: 3rem;
                text-align: center;}
    
    .celu img { display: flex;
        float: right;
        margin-right: 6.5rem;
        margin-top: 2rem;}
    
    section {height: 500px;}
    
    .descripcion {
                display: flex;
	         flex-direction: column;
	         flex-wrap: nowrap;
	         justify-content: flex-start;
	         align-items: stretch;
	         align-content: stretch;
             margin-top: 9rem;
             margin-left: 80px;
             margin-bottom: 4rem;;
             }
    
    .texto {
        display: block;
        width: 250px;
        height: 100px;
        margin-top: 2rem;
        text-align: center;
        padding: 1rem;
        color: gray}
    
    header {background-color: black;
        height: 70px;}
    
    .icono {color: white;
            background-color: #25a0ab;
            font-size: 1.8rem;
            margin-bottom: 1rem;
            border-radius: 200px;
            padding-bottom: 0rem;
            width: 40px;
            height: 40px;
            text-align: center;
            margin-left: 6rem;
    }