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

body{
	margin: 0;
	padding:0;
	font-family: bubbler one;
}

*{
	margin: 0;
	padding: 0;
}

.intro > .header {	/* DIV jar-header - 1 parte*/
	background-image: url("img/natureza-1-parte.jpg");
	background-attachment: fixed;
	position: relative;
	background-size: cover;
	overflow: hidden;
	padding-bottom: 15%;
}

.intro > .header > h1 {
	color: white;
    font-weight:300;
    font-size: 95px;
}

.intro > .header > h2 { 
    font-weight: 250px;
    color: white;
	font-size: 35px;
    padding-top: 35%;
	text-align: right;
}					/*Fim jar-header*/

.intro > .summary {	/* Div summary - 2 parte*/
    position: relative;
    min-height: 50vh;
    background-color: #3A068E;
    background-size: cover;
    padding: 400px 0 100px 0;
	text-align: center;
	margin: 0;
}

.intro > .summary > .p1 > span { 
	font-size: 40px;
    color: white;
    font-weight: 300px;
}

.intro > .summary > .p2 > span {
    font-size: 30px;
    color: white;
    font-weight: 200px;
	padding-top:  30%;
}					/* fim DIV summary */
.p1{
	font-size: 25px;
	font-weight:50px;
	color: white;
	margin: 0;
	padding: 0;
	padding-left: 60px;
}

.p2{
	font-size: 25px;
	font-weight:50px;
	color: white;
	margin: 0;
	padding: 0;
	padding-left: 60px;
}

.p3{
	font-size: 25px;
	font-weight:100px;
	color: white;
	margin: 0;
	padding: 0;
	padding-left: 60px;
}

.p4{
	font-size: 25px;
	font-weight:100px;
	color: white;
	margin: 0;
	padding: 0;
	padding-left: 60px;
}

.intro .preamble {	/* O caminho da evolução*/
    background-image: url(img/flowers-11.jpeg);
    background-position: 100%;
    background-size: 100%;
	background-color: #6FFA3C;	
	font-size: 25px;
	padding-bottom: 5%;
}

.preamble > h3{
	text-align: left;
	color: white;
	padding-left: 120px;
	padding-top: 5%;
	padding-bottom: 5%;
}/*Fim o caminho*/

#jar-supporting .explanation { /*Sobre*/
    background-image: url(img/flowers-22.jpeg);
    background-repeat: no-repeat;
    background-position: 5%;
	background-size: 100%;
	padding-bottom: 5%;
}

.explanation > h3 {
	text-align: right;
	color: white;
	padding-right: 120px;
	font-size: 25px;
	padding-top: 5%;
	padding-bottom: 5%;
}/* Fim sobre*/

#jar-supporting .participation { /*Participação */
    background-image: url(img/flowers-33.jpeg);
    background-repeat: no-repeat;
    background-position: 98%;
    background-size: 100%;
	background-color: red;
	font-size: 25px;
	padding-bottom: 5%;
}

.participation > h3{
	text-align: left;
	color: white;
	padding-left: 120px;
	padding-top: 5%;
	padding-bottom: 5%;
}/*Fim Participação*/

#jar-supporting .benefits { /* Beneficios */
    background-image: url(img/flowers-44.jpeg); 
	background-repeat: no-repeat;
    background-position: 5%;
    background-size: 100%;
	font-size: 25px;
	text-align: rigth;
	padding-bottom: 5%;
}

.benefits > h3{
	text-align: right;
	color: white;
	padding-right: 120px;
	padding-top: 5%;
	padding-bottom: 5%;
}/*Fim Beneficios */

#jar-requirements { /*Requerimentos */
	background-image: url(img/flowers-55.jpeg); 
	background-repeat: no-repeat;
    background-position: 5%;
    background-size: 100%;
	padding-bottom: 5%;
}

#jar-requirements > h3{
    text-align: center;
	color: white;
	padding-right: 120px;
	font-size: 25px;
	padding-top: 5%;
	padding-bottom: 5%;
}			/*Fim requerimentos */

.footer { /* HTML CSS CC AAA */
	text-align: center;
	font-size: 50px;
	padding-top: 10%;
	padding-bottom: 10%;
	background-color: black;	
}		/*Fim HTML CSS CC AAA*/

.sidebar .wrapper div { /* Rodapé */
    width: 20%;
    position: relative;
    float: left;
    padding: 15px;
	padding-left: 60px;
	font-size: 25px;
}

.sidebar{
	background-color: black;
}