.bloco1 {
    display: table;
    width: 100%;
    margin: 0 auto;
    padding: 40px 0;
}

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

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

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

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

/*bloco dos atores*/
.box-ator {
    display: block;
    margin: 40px auto;
    width: 1100px;
    background-color: #000;
    padding-bottom: 5px;
}

.banner-ator {
    display: block;
    width: 1100px;
    background-color: #000;
    position: absolute;
}

.banner-ator img {
    width: 100%;
    max-width: 1100px;
    opacity: 0.4;
    display: block;
}

.banner-ator img:hover {
    opacity: 0.8;
    display: block;
}

.banner-ator .img-mob {display: none;}

.info1, .info2, .info3, .info4, .info5, .info6, .info7, .info8 {
    background-color: #000;
    width: 100%;
    display: none;
    position: relative;
    top: 200px;
    height: auto;
    margin-bottom: 184px;
}

.nome {
    display: block;
    width: 100%;
    color:#fff;
    font-family: gothic-bold;
    font-size: 2em;
    text-align: center;
}

.dados {
    display: block;
    width: 100%;
    color: #fff;
    font-family: gothic-regular;
    font-size: 1.2em;
    text-align: center;
    padding: 20px 0;
}

.perfil {
    width: 184px;
    margin: 0 auto;
    display: block;
    position: relative;
    top: 5px;
}

.perfil img {
    display: block;
    margin: 0 auto;
    width: 180px;
    padding: 5px 0;
    min-width: 60px;
}

.perfil a {
    display: block;
    width: 180px;
    margin: 0 auto;
}

/*Telas até 1100px*/
@media (max-width:1100px) {
    .box-ator {
        margin: 20px auto;
        width: 94%;
    }
    
    .banner-ator {
        width:  94%;
    }
    
    .perfil {
        width: 16%;
    }
    
    .perfil img {
        width: 100%;
    }
    
    .perfil a {
        width: auto;
    }
    
    .nome {
        font-size: 1.6em;
    }
    
    .dados {
        font-size: 1em;
    }
    
    .info1, .info2, .info3, .info4, .info5, .info6, .info7, .info8 {
        top: 170px;
        margin-bottom: 150px;
    } 
        
}

/*Telas ate 800px*/
@media (max-width:800px) {
    .titulo, .texto {
        width: 96%;    
    }
    
    .texto p {
        font-size: 1em;
    }
    
    .info1, .info2, .info3, .info4, .info5, .info6, .info7, .info8 {
        top: 160px;
    }
    
    .box-ator {
        width: 96%;
        margin: 10px auto;
    }
    
    .banner-ator {
        width: 96%;
    }

}

/*Telas até 640px*/
@media (max-width:640px) {
    .banner-ator img {
        display: none;
    }
    
    .banner-ator .img-mob {
        display: block;
        opacity: 0.8;
    }
    
    .info1, .info2, .info3, .info4, .info5, .info6, .info7, .info8 {
        top: 130px;
        margin-bottom: 120px;
    }
}

/*Telas ate 480px*/
@media (max-width:480px) {
    .info1, .info2, .info3, .info4, .info5, .info6, .info7, .info8 {
        top: 110px;
        margin-bottom: 100px;
    }
    
    .perfil {
        width: 15.5%;
    }
}

/*Telas ate 3200px*/
@media (max-width:320px) {
    .perfil {
        width: 19.5%;
        top: -2px;
    }
    
    .perfil a {
        height: 60px;
    }
    
    .img-mob {
        height: 65px;
    }
    
    .info1, .info2, .info3, .info4, .info5, .info6, .info7, .info8 {
        top: 74px;
        margin-bottom: 65px;
    }
    
    
    
}