a, a:hover, a:focus {outline: none;text-decoration: none;}

img {width: 100%}

html, body, .conteudo {height: 100%}
.conteudo {display: grid;align-content: center;align-items: center;}

body {background-color: #f4c338;}

.container-out {position: relative;max-width: 1350px;margin: 0 auto;height: 100vh;display: grid;align-content: center;}
#flower {position: absolute;right: 0;max-width: 600px;top: 45%;transform: translateY(-100%);}
#hands {position: absolute;bottom: 0;max-width: 380px;left: 0;}
#hug {position: absolute;bottom: 0;max-width: 300px;right: -44px;}
.main #logo {max-width: 785px;display: block;margin: 0 auto;}
.main #botao {max-width: 727px;display: block;margin: 35px auto 0px auto;}
.main h1 {text-align: center;color: #ffd39b !important;font-weight: 600;font-family: 'Montserrat';font-size: 29px;margin: 20px 0px 0px 0px;}
.main p {font-family: 'Montserrat';color: #fff;text-align: center;font-size: 21px;margin-top: 30px;}
.main #whats {display: block;text-align: center;background-color: #189525;color: #fff;font-weight: 600;font-family: 'Montserrat';font-size: 24px;padding: 10px;border-radius: 10px;border-bottom: 5px solid #0a7114 !important;max-width: 300px;margin: 20px auto 0px;}
.main #whats i {font-weight: 300}

@media screen and (max-width: 1400px) {
	#hug {max-width: 245px;right: 0;}
	#hands {max-width: 325px;}
}

@media screen and (max-width: 1100px) {
	#hug {display: none;}	
	#hands {display: none;}
	#flower {display: none;}
}