body, html {
  height: 100%;
  width: 100%;
  margin: 0;
  font-family: Arial;
  color: #27750d;
  text-shadow: 1px 1px 1px #ffffff;
}

html{
	background-image: linear-gradient(to right top, #c9c9c9, #d3d3d3, #dddddd, #e7e7e7, #f1f1f1, #ededed, #e9e9e9, #e5e5e5, #d2d2d2, #bfbfbf, #adacac, #9b9a9a);
	background-attachment: fixed;
	background-size: cover;
}

body{
	text-align: center;
	margin: auto;
}

.contents{
	max-width: 900px;
	margin: auto;
}

.contents header h1{
	
}

.contents header h1 a img{
	width: 250px;
}

.aptoide{
	width: 150px;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.butn .fas{
	margin-right: 8px!important;
}

.butn {
	display: inline-block;
	background: linear-gradient(to bottom, rgba(127,184,94,1) 0%, rgba(141,217,70,1) 50%, rgba(71,171,38,1) 51%, rgba(58,158,49,1) 71%, rgba(60,181,49,1) 100%);
	outline: none;
	margin-top: 20px;
	border: 2px solid #ffffff;
	text-shadow: 1px 1px 1px #27750d;
	border-radius: 28px;
	box-shadow: 0px 1px 3px #666666;
	color: #ffffff;
	font-size: 20px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	font-weight: bold;
}

.butn:active {
  box-shadow: none;
}

h3{
	margin-bottom: 5px;
}

h4{
	margin-bottom: 4px;
}