@import url('https://fonts.googleapis.com/css?family=Ubuntu');

@media only screen and ( max-width: 760px ) {
    p { font-size: 1em; } 
    
    #cabecalho1 a { display: none; }
    
    #cabecalho2 a { display: inherit; }
    
    #cabecalho3 a { display: none; }
    
    #section0 img { width: 60%; }
    
    #francisco-junior img { width: 50%; }
    
    #angela-maria img { width: 50%; }   
}

@media only screen and ( min-width: 720px ) {
    p { font-size: 1.5em; }    
    
    #cabecalho1 a { display: inherit; }
    
    #cabecalho2 a { display: none; }
    
    #cabecalho3 a { display: none; }
    
    #francisco-junior img { width: 30%; }
}

@media only screen and ( max-width: 440px ) {
    p { font-size: 1em; }
    
    h1 { font-size: 1.5em; }
    
    h2 { font-size: 1em; }
    
    #cabecalho1 a { display: none; }
    
    #cabecalho2 a { display: none; }
    
    #cabecalho3 a { display: inherit; }
}

html {
}

body {
    font-family: 'Ubuntu', sans-serif;
}

#cabecalho1,
#cabecalho2,
#cabecalho3 {
    width: -webkit-fill-available;
    position: absolute;
    margin-top: 1vh;
    margin-left: 2vh;
    text-align: left;
    color: #b0b5bb;
    font-size: .5em;
    z-index: -1;
}

#cabecalho1 h1,
#cabecalho2 h1,
#cabecalho3 h1 {
    color: #f9f9f9;
}

p {
    color: #111417;
}

h1 {
    color: #111417;
}

q {
    font-size: 1.2em;
    color: #b0b5bb;
}

a {
    text-decoration: none;
    color: #f9f9f9;
}

.section {
	text-align:center;
}

#section0 img {
    margin-top: 5%;
}

#section0 {
    background-size: 100%;
    background-image: url("../imagens/header_overlay.png"), url("../imagens/header_bg.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

#section1 p,
#section1 h1,
#section1 a {
    color: #111417;
}

#section2 p,
#section2 h1,
#section3 p,
#section3 h1,
#section3 h2,
.fa-quote-left {
    color: #b0b5bb;
}

.intro p {
	width: 50%;
	margin: 0 auto;
}

#menu li {
	margin: 10px;
	background: rgba(255,255,255, 0.5);
	-webkit-border-radius: 10px;
    border-radius: 10px;
    list-style: none;
}

#menu li.active {
	background: rgba(0,0,0, 0.5);
	color: #fff;
}

#menu li a {
	text-decoration:none;
	color: #000;
}

#menu li.active a:hover {
	color: #000;
}

#menu li:hover {
	background: rgba(255,255,255, 0.8);
}

#menu li a,
#menu li.active a {
	padding: 9px 18px;
	display: block;
}

#menu li.active a {
	color: #fff;
}

#menu {
    display: inline-flex;
    justify-content: flex-end;
    width: -webkit-fill-available;
	position: fixed;
	top:0;
	right: 0;
	height: auto;
	z-index: 70;
	padding: 0;
	margin: 0;
    background-color: #111417;
}

#rodape {
    width: 100%;
    padding: 1%;
    position: absolute;
    bottom: 0;
    text-align: center;
    color: #b0b5bb;
    background-color: #111417;
}

img {
    border-radius: 2%;
    margin-top: 3%;
}