*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
}


a{
	text-decoration: none;
	color: white;
}

header{
	text-align: center;
}

header p{
	margin: 15px;
}

footer{
	text-align: center;
}

body{
	background: #0d0d0d;
	color: white;
}

.container{
	padding: 30px 0px 30px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.background-one{
	background: #1a1a1a;
}


.box-text{
	padding: 15px;
	width: 600px;
}

.box-text h2{
	padding: 30px 0px 30px 0px;
	color: dodgerblue;
	font-size: 1.7em;
}

.text-color-pink{
	color: pink;
}

.box-text p{
	line-height: 1.6em;
	font-size: 1.3em;
}

.box-text button{
	padding: 20px;
	margin: 30px 0px 30px 0px;
	background-color: orange;
	font-weight: 800;
	font-size: 1.2em;
	border-radius: 5px;
	border: none;
	outline: none;
}

.box-text button:hover{
	background-color: dodgerblue;
	color: white;
}

.box-img{
	padding: 15px;
	width: 600px;
}


.box-img img{
	width: 100%;
	border-radius: 10px;
}

.img-social{
	margin: 10px;
	width: 50px;
}

.creditos{
	margin: 20px;
	font-size: 0.8em;
	color: dodgerblue;
}

.creditos2{
	margin: 20px;
	font-size: 0.8em;
	color: grey;
}
.creditos2 a{
	color: grey;
}


.img-logos{
	width: 120px;
	margin: 15px;
}

.logo-main{
	width: 180px;
	margin: 20px;
}

.p-footer{
	font-weight: 300;
	line-height: 1.6em;
}


.animationFadeIn{
    animation: fadeIn 4s;
}

@keyframes fadeIn{
    0% {opacity:0}
    100% {opacity:1}
}

.reaveal-1, .reaveal-2, .reaveal-3 {
    visibility: hidden;
}


.bt-amarelo{
	padding: 20px;
	margin: 30px 0px 30px 0px;
	background-color: orange;
	font-weight: 800;
	font-size: 1.2em;
	border-radius: 5px;
	border: none;
	outline: none;
}


.img-title{
	width: 200px;
	border-radius: 100px;
}

.text-yellow{
	color: yellow;
}