@charset "UTF-8";
/* Firme BooK */
        @font-face {
        font-family: 'Firme-Book';
        src: url('../Expresso_WebFonts/Firme-Book.eot');
        src: url('../Expresso_WebFonts/Firme-Book.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/Firme-Book.svg') format('svg'),
             url('../Expresso_WebFonts/Firme-Book.ttf') format('truetype'),
             url('../Expresso_WebFonts/Firme-Book.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }

@font-face {
        font-family: 'Raleway';
        src: url("../Expresso_WebFonts/Raleway-VariableFont_wght.ttf");
         font-weight: normal;
        font-style: normal;
        }

        @font-face {
            font-family: 'Staatliches';
            src: url("../Expresso_WebFonts/Staatliches-Regular.ttf");
             font-weight: normal;
        font-style: normal;
        }

/* Links */
body{
	font-family: sans-serif;
    user-select: none;
}

a {
cursor: pointer;
}

a, a:visited {
    color: #fff;
	text-decoration: none;
        }
a:hover {
     color: #000;
		}
p {
font-family: 'Firme-Book', sans-serif;
font-kerning: normal;
font-size: 1.4em;
font-size: 1.39em;
font-weight:400;
line-height: 1.15;
letter-spacing: 0.02em;
border-bottom-color:inherit;
color:#fff; 
}

h1 {
/*font-family: 'Staatliches', sans-serif;
font-weight:400;
font-size: 3.2em;
margin-left: auto;
margin-right: auto;
line-height: 1.15;
letter-spacing: 0.015em;
padding-bottom: 0em;*/


font-family: 'Staatliches', sans-serif;
font-size: 3.6em;
margin-left: auto;
margin-right: auto;
line-height: 1.15;
letter-spacing: 0.015em;
padding-bottom: 0em;
font-weight: 400;
margin-top: 0.5em;
margin-bottom: 0.6em;
}

h2{
font-family: 'Staatliches', sans-serif;
font-kerning: normal;
font-weight: 600;
font-size: 2.1em;
font-weight:400;
text-align: left;
line-height: 1.15;
letter-spacing: 0.015em;
color:#b66d07; 
}
/* Mapa */
#map {
			top:0; 
            height: 100vh;
            width:100vw;
            position: fixed;
            z-index: -5;
			user-select: none;
        }
		#marker {
			color: #b66d07,
        }
        #header {
            margin: 3vh auto;
            width: 90vw;
            padding: 2vh;
            text-align: center;
        }
        #footer {
            width: 100%;
		    font-size: 0.8em;
            min-height: 5vh;
			padding: 0;
			margin-left: 0px;
			margin-right: 0px;
            text-align: center;
        }
        #features {
            padding-top: 10vh;
            padding-bottom: 10vh;
            z-index: 100;
        }
/* Containers */
.parallax {
	    display: inline-block;
		position: relative;
		background-image: url('https://images.impresa.pt/expresso/2020-10-06-gettyimages-519568930_t-_idp.jpg/original');
		width: 100%;
		height: 90vh; 
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		}
.elemento_0{
	display: inline-block;
    position: relative;
	width: 100%;
	height: 10vh;
	background-color: #404040;
	opacity: 1;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0;
	padding-bottom: 2em;
}
.material-icons{
display: block;
opacity: 0.5;
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}

.texto_leia_mais{
font-family: 'Firme-Book', sans-serif;
font-kerning: normal;
font-size: 1em;
font-weight: 600;
letter-spacing: 0.15em;
text-transform: uppercase;
border-bottom-style: none;
border-bottom-width: 0px;
border-bottom-color: inherit;
color: #fff;
opacity: 0.5;
padding-top: 1em;
padding-bottom: 0;
margin-top: 2em;
margin-bottom: 0px;
}

.texto_leia_mais.icone {
text-align: center;
padding-bottom: 2.8em;
}

.icone{
line-height: 4.2;
}


.elemento_1{
	display: flex;
	justify-content: center;
	width: 100%;
	background-color: #404040;
	opacity: 1;
	padding-top: 1vw;
	padding-bottom: 1vw;
}
.elemento_2{
	position: relative;
	width: 45%;
	color: #fff;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2vw;
	padding-bottom: 0vw;
}
.elemento_3{
	position: relative;
	width: 50vh;
	color: #fff;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2vw;
	padding-bottom: 1vw;
}
.bloco_legenda{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
}
/* Estilos de Texto */
.titulo{
		position: static;
	    font-weight:400;
		margin-top: 30vh;
		text-align: center;
		width: 100%;
	    color:#ffffff; 
		opacity: 0.8;
		filter: blur(2.8px);
		-webkit-filter: blur(2.8px);
		}
.capa{
	    font-size: 4.6vw;
		font-weight:900;
}
.violencia_policial{
	    font-family: 'Staatliches', sans-serif;
	    letter-spacing: 0.02em;
	    font-size: 1.6em;
	    color:#fff;
		opacity: 0.8;
		margin-bottom: 10px;
}
.nav_bar{
	position: fixed;
    overflow: hidden;
    padding: 1em 2em;
    background-color: #b66d07;
    top: 0;
    width: 100%;
	height: auto;
    z-index: 2;
}
.texto_nav_bar{
    font-family: 'Firme-Book', sans-serif;
    font-kerning: normal;
    font-size: 1.1em;
    font-weight:400;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-bottom-color:inherit;
    color:#404040;
}
.texto_entrada{
    font-family: 'Firme-Book', sans-serif;
    font-kerning: normal;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
    font-size: 1.4em;
    font-weight:400;
    letter-spacing: 0.02em;
    text-transform: none;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-bottom-color:inherit;
    color:#fff; 
	margin-top: 4em;
}
.texto_pos_mapa{
    font-family: 'Firme-Book', sans-serif;
    font-kerning: normal;
	text-align: justify;
	justify-content: flex-end;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
    font-size: 1.2em;
    font-weight:400;
    letter-spacing: 0.02em;
    text-transform: none;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-bottom-color:inherit;
    color:#fff; 
}
.Titulo_infografia{
    font-family: 'Glosa Display', serif;
    display: inline-block;
    position: relative;
    text-transform: none;
    font-size: 2.5em;
    letter-spacing: 0.1em;
    text-align: left;
    margin-left: 0px;
    padding-bottom: 0.5em;
    color:#5b6776;
    }
.Entrada{
    display: inline-block;
    position: relative;
    font-family: 'Glosa Display', serif;
    line-height: 1.5;
    font-size: 1.75em;
    font-weight: normal;
    text-align: left;
    padding-bottom: 2em;
    color:#97a5b2; 
}
.legenda_circulo{
    position: relative;
    font-family: 'Firme-Book', sans-serif;
    float: left;
    text-transform: uppercase;
    vertical-align:-5px;
    font-size: 0.9em;
    letter-spacing: 0.1em;
    font-weight: 800;
    text-align: left;
    word-spacing: inherit;
    margin-left: 0em;
    margin-right: 0.8em;
    color:#5b6776; 
}
.Titulo_blocos{
    font-family: 'Firme-Book', sans-serif;
    font-size: 1.8em;
    display: block;
    position: relative;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0.1em;
    text-align: left;
    padding-left: 0%;
    padding-right: 0%;
    padding-bottom: 0.5em;
    color:#5b6776;
    }
.numero_1{
    font-family: 'Firme-ExtraBold', sans-serif;
    font-size: 3.5em;
    font-weight: bold;
    text-align: left;
    line-height: 1;
    letter-spacing: -0.02em;
    text-transform: none;
    padding-top: 0em;
    padding-bottom: 0.2em;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-bottom-color:inherit;
    color:#5b6776; 
}
.categoria_1{
    font-family: 'Firme-ExtraBold', sans-serif;
    font-size: 1.5em;
    font-weight:bold;
    text-align: left;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding-top: 0em;
    padding-bottom: 0.5em;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-bottom-color:inherit;
    color:#5b6776; 
}
.legenda_1{
    font-family: 'Firme-Book', sans-serif;
    font-kerning: normal;
    font-size: 0.9em;
    font-weight:800;
    text-align: left;
    line-height: 1.15;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding-top: 0em;
    padding-bottom: 0em;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-bottom-color:inherit;
    color:#5b6776; 
}
.texto_notas{
    font-family: 'Firme-Book', sans-serif;
    font-kerning: normal;
    text-transform: uppercase;
    font-size: 0.75em;
    font-weight:400;
    text-align: left;
    line-height: 1.2em;
    letter-spacing: 0.1em;
    padding-top: 1.5em;
    padding-bottom: 0em;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-bottom-color:inherit;
    color:#5b6776; 
}
.texto_footer{
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-bottom-color:inherit;
}

.centered {
            width: 50vw;
            margin: 0 auto;
        }
        .lefty {
            width: 33vw;
            margin-left: 5vw;
        }
        .righty {
            width: 33vw;
            margin-left: 62vw;
        }
        .light {
            color: #444;
            background-color: #fafafa;
        }
        .dark {
            color: #fafafa;
            background-color: #444;
        }
        .step {
            padding-top: 15vh;
            padding-bottom: 50vh;
            /* margin-bottom: 10vh; */
            opacity: 0.25;
        }
        .step.active {
            opacity: 0.9;
        }

        .step div {
            padding:  25px 50px;
            line-height: 25px;
        }

        .step img {
            width: 100%;
        }
        




        /*@media only screen and (max-device-width: 1300px) {
        .parallax {
        background-attachment:inherit;
        height: 75vh; 
        }
        .elemento_0{
        min-height:  25vh;
        user-select: none;
        }
        h1{
        font-weight: 600;
        font-size: 2.2em;
        line-height: 1.1;
        letter-spacing: 0.02em;
        }
        .texto_pos_mapa{
        text-align: left;       
        }
        body{
        -webkit-user-select: none; 
        -ms-user-select: none; 
        user-select: none; 
        }
        #footer {
            min-height: 10vh;
            user-select: none;
        }
        }
       


        @media (max-width: 1300px){

        h2{
        font-size: 2.5em;
        line-height: 1;
        }
        .violencia_policial{
        font-size: 1.3em;
        line-height: 1;
        }
        #features {
                width: 90vw;
                margin: 0 auto;
        }
        .capa{
        user-select: none;
        font-size: 2em;
        margin-top: 30vh;
        opacity: 0.9;
        filter: blur(1.4px);
        -webkit-filter: blur(1.4px);
            }
        .elemento_2{
        user-select: none;
        padding-top: 2vh;   
        width: 80%;
        }*/




@media (max-width: 1300px){

#features {
width: 90vw;
margin: 0 auto;
} 

}

@media only screen and (max-width : 480px){
h2 {
font-size: 2.5em;
}

p {
font-size: 1.5em;
}
        
}    



@media only screen and (max-width : 414px){

.texto_leia_mais.icone {
font-size: 1.3em;
}

div.wrapper div.content-fullwidth div.credits cite {
font-size: 1.6em;
line-height: 1.4em;
}

div.wrapper div.content-center div.credits {
margin-top: 6em;
}

        
}     




@media only screen and (max-width : 360px){

.step div {
    padding: 25px 22px;
    line-height: 25px;
}
        
}