@import url('https://fonts.googleapis.com/css?family=Montserrat');





h1 {font-family: 'Montserrat', sans-serif;
    font-size: 3.5em;
    color: #fff9f9;
    display: block;
    text-align: center;
    flex direction: column;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
    text-decoration: none;
    border-bottom: 2px solid #e2e0e0;}


h2 {font-family: 'Montserrat', sans-serif;
    font-size: 2em;
    list-style: none;
    color:#ffffff;
    display: block;
    text-align: center; }


p { font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    font-size: 1.5em;
    display: block;
    text-align: center;}


div { display: block;}
    
.contenedor-general {   display: flex;
                        justify-content: center;
                        align-items: center;
                        width: 100%;
                        height: 100%;
                        margin-right: auto;
                        margin-left: auto;
                        background-image: url(http://www.catedraocampo.com.ar/vn23/tp/img/f2nbsPJ.jpg);
                        background-repeat: no-repeat;}



.izquierda {    text-align: center;
                margin-left: 1em;
                margin-right: 1em;
                margin-bottom: 1em;
                width: 40em;
                height: 45em;
                list-style: none;}


.derecha {      text-align: center;
                margin-left: 1em;
                margin-right: 1em;
                margin-top: 1em;
                margin-bottom: 1em;
                width: 40em;
                list-style: none;}


.contenedor-logo { padding-top: 60px;}



.bajar-info1 {
    background-color: #fade65;
    text-align: center;
    margin-top: 0px;
    cursor: auto;}


section {display: block;}

.info-JJOO {
    width: 100%;
    background: #e8c636;}


.contenido-info {
    display: flex;
    justify-content: space-around;
    padding: 40px 40px 40px 40px;}


.div-texto-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;}


.texto1 {
    color: #ffffff;
    font-size: 2em;
    text-align: center;}


.texto2 {
    margin-top: 50px;
    max-width: 600px;
    color: white;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2em;}

.texto3 {
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    font-size: 1.5em;
    text-align: center;}


.bajar-info2 {
    background-color: #d8d7d5;
    text-align: center;
    margin-top: 0px;
    cursor: auto;}


.formulario {
            background-color:#bebdbc;
            width: 100%;
             display: flex;
    justify-content: space-around;}


.texto4 {
    color: #ffffff;
    text-align: center;
    }


.suscripcion {
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    margin-bottom: 30px;
    font-family: 'Montserrat', sans-serif;
    width: 300px;
    height: 120px;
    margin: auto;
    padding: 50px;
}

.div-formulario-boton {    text-align: center;
    justify-content: center;
    padding-top: 0px;
    padding-bottom: 55px;}

input { width: 300px;
        height: 400px;}

.boton-enviar {
    background-color: #e8c636;
    padding: 10px 25px 10px 25px;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: white;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0px 20px 0px 20px;}


footer { display: block;}

.bajar-app {
            width: 100%;
            height: 100%;
            margin-right: auto;
            margin-left: auto;
            background: #ffffff;
            text-align: center;
            height: 80px;
            list-style: none;
            display: flex;
            justify-content: center;
            align-items: center;}


.android {  text-align: center;
            margin-left: 1em;
            margin-right: 1em;
            margin-bottom: 1em;
            vertical-align: middle;
            width: 10em;
            margin-bottom: auto;
            margin-top: auto;}


.apple {    text-align: center;
            margin-left: 1em;
            margin-right: 1em;
            margin-bottom: 1em;
            vertical-align: middle;
            width: 10em;
            margin-bottom: auto;
            margin-top: auto;}