@font-face {
    font-family: 'Gotham';
    src: url('../fuentes/GothamBlack.eot');
    src: url('../fuentes/GothamBlack.eot?#iefix') format('embedded-opentype'),
    url('../fuentes/GothamBlack.woff2') format('woff2'),
    url('../fuentes/GothamBlack.woff') format('woff'),
    url('../fuentes/GothamBlack.ttf') format('truetype'),
    url('../fuentes/GothamBlack.svg#GothamBlack') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('../fuentes/Futura.eot');
    src: url('../fuentes/Futura.eot?#iefix') format('embedded-opentype'),
    url('../fuentes/Futura.woff2') format('woff2'),
    url('../fuentes/Futura.woff') format('woff'),
    url('../fuentes/Futura.ttf') format('truetype'),
    url('../fuentes/Futura.svg#Futura') format('svg');
    font-weight: 500;
    font-style: normal;
}

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


html, body{
    padding: 0;
    margin: 0;
    font-family: 'Futura';
    color: #2B2B2A;
}


.cabecera{
    margin-top: 80px;
}

h1{
    font-weight: normal;
    margin-top: 80px;
    color: #2B2B2A;
    margin-bottom: 20px;
}

.texto-titulo{
    font-size: 1.5rem;
    margin-top: -10px
}

.gris{
    color: #A4A4A4;
    margin-top: 20px;
}


.contenedor-formulario{
    width: 100%;
    text-align: center;
    clear: both;
    float: left;
    margin-top: 20px;
}

.formulario{
    width: 300px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;

}

.formulario input{
    width: 100%;
    padding: 10px 0;
    text-align: center;
    font-size: 1.5rem;
    float: left;
    border: 1px solid #2b2B2A;
    background: #FFF;
    color: #2b2B2A;
    margin-bottom: 20px;
}

.resultado-formulario{
    margin-top: 20px;
    color: #E4212D;
    margin-bottom: 40px;
    float: left;
    width: 100%;
}

.formulario .submit{
    background: #00984E;
    color: #FFF;
    border: 1px solid #00984E;
    cursor: pointer;
}

h2{
    float: left;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: normal;
}

.texto-titulo-2{
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    font-size: 1.2rem;
}


.contenedor-formulario-contacto{
    margin-top: 40px;
}

.contenedor-formulario-contacto input{
    padding: 10px 0;
    text-align: center;
    font-size: 1.5rem;
    float: left;
    border: 1px solid #2b2B2A;
    background: #FFF;
    color: #2b2B2A;
    margin-bottom: 20px;
    width: 23%;
    margin-right: 2%;
}

.contenedor-formulario-contacto input.submit{
    margin-right: 0;
    cursor: pointer;
    color: #FFF;
    background: #007DC4;
    border: 1px solid #007DC4;
}

.contenedor-formulario-contacto .error{
    color: #E4212D;
}

.contenedor-formulario-contacto .exito{
    color: #00984E;
}

.pie{
    margin-top: 80px;
    float: left;
    width: 100%;
}

.pie p{
    position: relative;
    top: 110px;
    z-index: 1000;
}
.pie img{
    position: relative;
    top: 4px;
}

a{
    color: #00984E;
}

@media (max-width: 767px){
    .container {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        text-align: center

    }
    .contenedor-formulario-contacto input{
        width: 90%;
        margin: 10px 5%;
        font-size: 1rem;
    }

    .pie{
        margin-top: 20px;
        position: relative;
    }
    .pie img{
        width: 100%;
    }
    .pie p{
        width: 90%;
        margin: 0 5%;
        top: 60px;

    }
}

@media (min-width: 768px) and (max-width: 991px){
    .container {
        width: 728px;
        margin-right: auto;
        margin-left: auto;
        text-align: center

    }
    .contenedor-formulario-contacto input{
        font-size: 1rem;
    }
}

@media (min-width: 992px){
    .container {
        width: 952px;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }
}

@media (min-width: 1400px){
    .container {
        width: 1360px;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }
}