body {
    font-family: "Source Sans 3";
    margin: 0px !important;
}


a {
    font-family: "Source Sans 3";
}

#verde{
    margin-right: 4px;
}

#amarillo{
    margin-right: 4px;
}

 hr{
    background-color: #4b2858;
    border:none;
    height:1px;
 }

 button, a{
    cursor: pointer;
 }

div#fila1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    height: 80px;
    width: 100%;
    background-color: #4b2858;
    color: white;
    column-gap: 35%;
    position: fixed;
    top: 0px;
    padding-left: 3%;
}

div#fila1Columna1 {
    margin-left: 5%;  
}

#textoArriba {
    border: 1px solid white;
    border-radius: 5px;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    padding-left: 20px;
    padding-right: 20px;
}

div#fila2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: white;
    padding: 5%;
    column-gap: 5%;
    margin-top: 3%;
    margin-left: 5%;
}

div#fila2Columna1 {
    width: 40%;
}

div#fila2Columna2 {
    width: 40%;
}

#fila2Columna1 h2 {
    color: #6ac290;
    font-weight: bold;
    font-size: 40px;
}

#fila2Columna1 p {
    color: #000000;
}

#fila2Columna1 p {
    font-weight: normal;
    color: #000000;
    margin-top: -12px;
}

#fila2Columna1 a {
    text-decoration: none;
    color: white;
    font-size: 18px;
    font-weight: bold;
}


#boton1 {
    background-color: #4b2858;
    border-radius: 3px;
    height: 50px;
    width: 250px;
    text-decoration: none;
    margin-top: 10px;
    color: white;
    font-weight: bold;
    font-size: 18px;

 }

#fila2Columna2 img {
    border-radius: 170px;
 }

div#fila3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: white;
    padding: 5%;
}

div#fila3Columna1 {
    width: 35%;
    margin-left: 10%;
}

div#fila3Columna2 {
    width: 35%;
}

#fila3Columna2 h2 {
    color: #6ac290;
    font-weight: bold;
    font-size: 40px;
}

#fila3Columna2 p {
    color: black;
}

#fila3Columna1 img {
    border-radius: 170px;
}

div#fila4{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: white;
    margin-top: 5%;
}

#fila4 h2 {
    color: #6ac290;
    font-weight: bold;
    font-size: 40px;
    justify-content: center;
    align-content: center;
}

div#fila5 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: white;
    padding: 5%;
    text-align: center;
    column-gap: 7%;
    margin-bottom: 5%;
}

#fila5 p{
    color: black;
}

div#fila6 {
    justify-content: center;
    align-items: center;
    background-color: black;
    padding: 5%;
    text-align: center;
    color: white;
}

#fila6 h2 {
    font-size: 40px;
    font-weight: bold;
}

#fila6 a {
    text-decoration: none;
    color: white;
    font-size: 18px;
    font-weight: bold;
}

#boton2 {
    background-color: #6ac290;
    border-radius: 3px;
    height: 50px;
    width: 250px;
    margin-top: 10px;
 }


 footer {
    justify-content: center;
    align-items: center;
    background-color: white;
    padding: 7%;
    text-align: center;
    color: black;
}



@media only screen and (max-width: 600px) {

div#fila1 {
padding-left: 0%;
column-gap: 12%;
    
}

#tituloArriba {
    font-size: 25px;
}

#textoArriba {
    font-size: 20px;
}

div#fila2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 5%;
    column-gap: 5%;
    margin-top: 10%;
    flex-direction: column;
    align-content: center;
    margin-left: -5%;

}

div#fila2Columna1 {
    width: 80%;
    margin-left: 10%;
}

#fila2Columna1 br {
  display: none;
}

#fila2Columna2 img {
    display: none;
  }


div#fila3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 5%;
    column-gap: 5%;
    flex-direction: column;
    align-content: center;
}

div#fila3Columna1 {
  width: 50%;   
  margin-left: -30%;
}

div#fila3Columna2 {
    width: 75%;   
    margin-left: 10%;
}

#fila6 p {
    font-size: 20px;
}


div#fila4 {
  margin-left: 25%;
}

#fila6 br {
  display: none;
}

footer {
  margin-top: 11%;
  margin-bottom: 11%;
}

#footer a {
 text-decoration: none;
}

}