body {
	min-height: 100vh;
}

.clipboard{
	color:#81bc00;
	font-size:18px;
	position: absolute;
	top:10px;
	right:10px;
	cursor: pointer;
}

.navbar{
	background-color:#fefefe;
}
.zmdi-menu{
	font-size:48px;
	color:#81bc00;
}
.logo{
	height:48px;
}
.logo-card{
	height:36px;
}
.btn-outline-secondary:hover{
	background-color:#81bc00;
	border-color:#81bc00;
}
.btn-outline-secondary{
	font-size:24px;
	height:48px;
	width: 50%;
	margin: 0 auto;
}
.card-text{
	height:60px;
}
.divbg{

	width: 100%;
	height: 100%;
	background-image: url('../img/background.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;

}
.play-button{
position:absolute;
width:90px;
height:90px;
bottom:30px;
left:calc(50% - 45px);
cursor:pointer;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
    -ms-transition: -ms-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
}
.play-button:hover{
 transform:rotate(120deg);
    -ms-transform:rotate(120deg);
    -webkit-transform:rotate(120deg);
}

.div-background{
opacity:0.7;
width:100%;
height:100%;
position:absolute;
background-size:cover;
}
.div-illustration{
	background-size:cover;

	height:350px;
}

.green{
	color: #81bc00;
}
.p-illustration{
	text-align:center;
	font-size:1.5em;
	margin:15%;
	background-color:rgba(255, 255, 255, 0.85);
	position:absolute;
	color:#81bc00;
	font-weight:bold;
	padding:10px;
	width: 70%;
}
footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

@media (max-width: 350px) {
	.p-illustration {
		font-size: 1em;
	}
}