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

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

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

.texto1 {
    display: block;
    width: 100%;
    padding: 40px 0
}

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

/*bloco 2*/
.bloco2 {
    display: table;
    width: 100%;
    background-color: #000;
    padding: 40px 0;
}

.texto2 {
    display: block;
    width: 80%;
    margin: 0 auto;
}

.texto2 p {
    font-family: gothic-regular;
    font-size: 1.2em;
    color:#fff;
    text-align: center;
}

.video {
    display: block;
    margin: 0 auto;
    width: 80%;
    padding-top: 40px;
}

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

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

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

.botao-inscrever {
    display: block;
    width: 100%;
    padding: 40px 0;
}

.botao-inscrever a {
    display: block;
    font-family: gothic-bold;
    text-align: center;
    font-size: 1.5em;
    color: #000;
    background-color: #fc0;
    height: 60px;
    line-height: 60px;
    width: 300px;
    margin: 0 auto;
    border-radius: 10px;
}

.botao-inscrever a:hover {
    background-color: #ff0;
}

/*bloco 4*/
#faq {
    display: table;
    width: 60%;
    margin: 0 auto;
    padding: 40px 0;
}

.pergunta {
    padding: 20px 0;
}

.pergunta:hover {
    background-color: #ddd;
}

h2 {
    font-family: gothic-bold;
    font-size: 1.4em;
    padding: 5px 0;
}

.pergunta p {
    font-family: gothic-regular;
    font-size: 1em;
    padding-left: 40px;
}

/*Telas até 1300px*/
@media (max-width:1300px) {
    .bloco1 {
        width: 94%;
    }
}

/*Telas até 1100px*/
@media (max-width:1100px) {
    .titulo {
        width: 90%;
        margin: 0 auto;
    }
    
    .texto1 p {
        width: 90%;
        margin: 0 auto;
    }
    
    #faq {
        width: 80%;
    }
}

/*Telas até 900px*/
@media (max-width:900px) {
    .titulo {
        width: 100%;
    }
    
    .texto1 p {
        width: 100%;
        font-size: 1em;
    }
    
    .texto2 p {
        font-size: 1em;
    }
    
    .bloco3 {
        width: 94%;
    }
    
    .texto3 {
        width: 90%;
        margin: 0 auto;
    }
    
    .texto3 p {
        font-size: 1em;
    }
    
    #faq {
        width: 94%;
    }
    
    .video {
        width:94%;
    }
}

/*Telas até 700px*/
@media (max-width:700px) {
    .texto3 {
        width: 100%;
    }
    
    .texto2 {
        width: 94%;
    }
}

/*Telas até 480px*/
@media (max-width:480px) {
    .pergunta p {
        padding-left: 10px;
    }
}