body{
	background: linear-gradient(315deg, black, #2b2828, black) no-repeat center center fixed;
}
.logo{
	text-align: center;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 2%;
}
img{
	width:250px;
}
.container{
	width: 30%;
	margin-right: 35%;
	margin-left: 35%;
	margin-top: 50px;
}
button{
	background: url("../images/button.png") center no-repeat;
	background-size:100%;
	width: 100%;
	padding-top: 5%;
	padding-bottom: 5%;
	margin-top: 1%;
	border: none;
	border-radius: 10px;
}
.button-menu:hover {
  background: #F29F05 fixed;
  cursor:pointer;
}
.button-menu{
	font-size: 30px;
}
.container-logo{
	margin-top: 1%;
	margin-right: 40%;
	margin-left: 40%;
	display: grid;
	grid-template-columns:33.33% 33.33% 33.33%;
}
.child-1,.child-2,.child-3{
	width: 100%;
	align-items: center;
	justify-content: center;
}
.img-1,.img-2,.img-3{
	width: 50px;
}
.footer{
 	position: fixed;
 	background-color: black;
	color:white;
 	text-align: center;
 	bottom: 0px;
	left: 0px;
	right: 0px;
}
h4{
	margin-top: 1%;
	margin-bottom: 1%;
}
*{
	font-family: 'Lato';
	font-weight: 700;
}
@media screen and (max-width: 900px)
	{
		.logo{
			margin-top: 20%;
		}
		img{
			width:150px;
		}
		.container{
			width: 80%;
			margin-left: 10%;
			margin-right: 10%;
		}
		button{
			font-size: 100%;
			margin-top: 2%;
		}
		.button-menu{
			font-size: 20px;
		}
		.container-logo{
			margin-top: 35%;
			margin-left: 25%;
			margin-right: 25%;
		}
		.img-1,.img-2,.img-3{
			width: 45px;
		}
		h4{
			font-size: 13px;
			padding-top: 2%;
			padding-bottom: 2%;
			margin-bottom: 2%;
		}
	}