html, body {

	background-color: #28c;
	color: #fff;
	text-align: center;	
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;

}

.container {

	margin-top: 100px !important;
}

h1 {
	font-size: 112px !important;
	font-weight: 700 !important;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: -4px;
    line-height: 50px !important;

}
h2 {
font-size: 80px;
	font-weight: 300 !important;
    font-family: 'Open Sans', sans-serif;

}

.bubble {

	background-color: #fff;
	color: #28c;
	padding: 20px;
	border-radius:20px;
	width: 600px;
	/*margin-top: 100px;*/
	
}

.bubble h1 {

	font-size: 80px !important;
}

.footer_img {

	 position:absolute;
	 width:100%;
	 bottom:0;
}

.arrow {

	position: relative;
	bottom:2px;

}

.logo_wht img {

	width: 305px;
	height: 317px;
}

@media only screen and (max-width: 800px) {

	.container {
		margin-top: 50px !important;
	}
  

.bubble {
	width: 90%;
}

h1 {
	font-size: 50px !important;
	font-weight: 700 !important;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: -2px;
   line-height: 10px !important;

}

h2 {
font-size: 20px !important;
	font-weight: 300 !important;
    font-family: 'Open Sans', sans-serif;

}

.bubble {

	background-color: #fff;
	color: #28c;
	padding: 20px;
	border-radius:20px;
	margin-top: 40px;

}

.bubble h1 {
	line-height: 70px !important;
}


.footer_img {

display:none;
	
}




}