@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

html{
    background-color: bisque;
    font-family: Roboto, Arial, sans-serif;
    font-weight: 400;
    
}
.portada{
    width: 100%;
    height: 100%;
    border-radius: 25px;
}

h1 {
        text-align: center;
        background: #a5a1a1;
        color: #030303;
        font-family: 'Open Sans', sans-serif;
        font-size: 50px;
        border-radius: 10px;
    }
 

h2{
        text-align: center;
        background: #070606;
        color: #f7f3f3;
        font-family: 'Open Sans', sans-serif;
        font-size: 40px;
        border-radius: 10px;
}


.contenedor{margin: 0px 0px 0px 20px; text-decoration: none; justify-content: space-between; width: 100%; display: flex; text-align: center;}

.c1{border: 5px solid; border-radius: 110px; border-color: black; height: 200px; width: 200px}
.c2{border: 5px solid; border-radius: 110px; border-color: black; height: 200px; width: 200px}
.c3{border: 5px solid; border-radius: 110px; border-color: black; height: 200px; width: 200px}
.c4{border: 5px solid; border-radius: 110px; border-color: black; height: 200px; width: 200px}

.contenedor a {color: black;}

section {
    text-align: center;
}
h4 {
    font-size: 50px;
}
h5 {
    font-size: 26px;
}
h6 {
    font-size: 26px;
}
h7 {
    font-weight: 30;
}

h3 { color: white;
    text-align: center;
    text-decoration: none;
}

.descargar{
        font-weight: 400;
        font-size: 35px;
        background-color: coral;
        border-radius: 100px;
        max-width: 375px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1em;
    }

.app{
        font-weight: 400;
        font-size: 35px;
        background-color: coral;
        border-radius: 100px;
        max-width: 375px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1em;
}
.app a {color: white}
.descargar a {color: white}

footer {
    color: white;
    text-align: justify;
    font-family:'Lora', serif;
    background: rgba(8, 8, 8, 0.96);
    font-size: 13px;
    border-radius: 8px;
    padding: 10px;
}

footer a {color: white;}

.enlace{
    font-weight: 400;
    }

@media screen and (max-width:768px){
    .contenedor{ flex-direction: column; justify-content: space-between; text-align: center; align-items: center; height: 1000px; }
    .c1, .c2, .c3 , .c4, { height: 200px; width: 200px;}

.descargar{
        font-weight: 400;
        font-size: 25px;
        background-color: chocolate;
        border-radius: 100px;
        max-width: 275px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1em;
       
    }

.app{
        font-weight: 200;
        font-size: 25px;
        background-color: coral;
        border-radius: 100px;
        max-width: 275px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1em;
}