/*Bloco 1*/
.bloco1 {
    display: table;
    width: 80%;
    margin: 0 auto;
    padding: 40px 0;
}

.titulo1 {
    display: block;
    width: 100%;
}

.titulo1 p {
    font-family: gothic-bold;
    font-size: 2em;
    text-align: center;
}

.texto1 {
    display: block;
    width: 100%;
}

.texto1 p {
    font-family: gothic-regular;
    font-size: 1.2em;
    text-align: center;
    padding: 40px 0;
}

/*Bloco 2*/
.bloco2 {
    display: table;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 40px;
}

.titulo2 {
    display: block;
    width: 100%;
}

.titulo2 p {
    font-family: gothic-bold;
    font-size: 2em;
    text-align: center;
}

.contato-redes {
    display: table;
    width: auto;
    margin: 0 auto;
}

.contato-redes img {
    height: 60px;
}

.cont-face, .cont-gplus, .cont-youtube {
    display: inline-table;
    text-align: center;
    padding: 50px 0;
    width: 150px;
    margin: 0 auto;
}

/*Bloco 3*/
.bloco3 {
    display: table;
    width: 80%;
    margin: 0 auto;
    padding: 40px 0;
}

.texto3 {
    width: 100%;
    display: block;
}

.texto3 p {
    font-family: gothic-regular;
    font-size: 1.2em;
    text-align: center;
}

.area-formulario {
    display: table;
    width: 700px;
    margin: 0 auto;
    padding-top: 20px;
}

.area-formulario label {
    display: block;
    width: 100%;
    font-family: gothic-regular;
    font-size: 1em;
    padding: 10px 0;
}

.area-formulario label input {
    width: 100%;
    font-family: gothic-regular;
    color: #555;
    padding: 5px;
    border: none;
    border-bottom: #633 solid 1px;
}

.area-formulario label textarea {
    width: 100%;
    font-family: gothic-regular;
    color: #555;
    padding: 5px;
    border: none;
    border-bottom: #633 solid 1px;
}

#enviar {
    width: 300px;
    display: block;
    margin: 0 auto;
    height: 60px;
    font-family: gothic-bold;
    font-size: 1.5em;
    border-radius: 10px;
    border: none;
    background-color: #fc0;
}

#enviar:hover {
    background-color: #ff0;
}

/*Telas até 1000px*/
@media (max-width:1000px) {
    .texto1 p {
        font-size: 1em;
    }
}

/*Telas até 900px*/
@media (max-width:900px) {
    .bloco1, .bloco2, .bloco3 {
        width: 94%;
    }
    
    .area-formulario {
        width: 100%;
    }
}

/*Telas até 640px*/
@media (max-width:640px) {
    .cont-face, .cont-gplus, .cont-youtube {
        width: 110px;
    }
    
    .texto3 p {
        font-size: 1em;
    }
}

/*Telas até 360px*/
@media (max-width:360px) {
    .titulo1 p, .titulo2 p {
        font-size:1.7em;
    }
    
    .cont-face, .cont-gplus, .cont-youtube {
        width: 90px;
    }
    
    .contato-redes img {
        height: 45px;
    }
}