* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
body {
	font-family: 'Varela Round', sans-serif;
	color: #5b4a42;
}
html,
body,
.wrapper {
	height: 100%;
	width: 100%;
}
.content {
	box-sizing: border-box;
	min-height: 100%;
	padding-bottom: 102px;
}
.footer {
	height: 92px;
	margin-top: -92px;
	background-image: url('img/herb.png');
	background-repeat: repeat-x;
}
.container {
	margin: 0 auto;
}
.balloon {
    width: 600px;
    height: 600px;
    position: absolute;
    background: url(img/balloon.png) no-repeat;
    background-size: contain;
    right: 5%;
    top: 7%;
}
.info {
	width: 50%;
	float: left;
	padding: 10% 0 0 50px;
}
.fink {
	width: 150px;
}
.title {
	font-size: 64px;
}
.line {
	display: inline-block;
	width: 35px;
	height: 2px;
	background-color: #5b4a42;
	margin: 15px 5px;
}
.sub-title {
	font-size: 20px;
}
.logo {
	width:380px;
	margin: 10px 0 10px -7px;
}
.link {
	display: inline-block;
	background: #30d0e1;
	font-size: 18px;
	padding: 15px 70px;
	border-radius: 25px;
	color:#fff;
	box-shadow: 0 3px 10px rgba(48,208,255,0.5);
}
.kite {
	margin: 40px 0 0 100px;
}

@media all and (min-width: 768px) {
	.container {
	    width: 750px;
	}
}
@media all and (min-width: 992px) {
	.container {
	    width: 970px;
	}
}
@media all and (min-width: 1200px) {
	.container {
	    width: 1170px;
	}
}
@media all and (min-width: 1300px) {
	.cloud {
		height: 70%;
	    width: 70%;
		max-width: 218px;
		max-height: 179px;
		position: absolute;
		background: url('img/cloud.png') no-repeat;
		background-size: contain;
		top: 20%;
	}
}

@media all and (max-width: 1200px) {
	.balloon {
   		right: 0;
    }
	.info {
	    padding: 10% 0 0 0;
	}
}
@media all and (max-width: 1000px) {
	.balloon {
	    width: 400px;
	    height: 400px;
	    right: 0;
	    top: 17%;
	}
}
@media all and (max-width: 768px) {
	.balloon {
		display: none;
	}
	.info {
		width: 100%;
		padding: 10% 0 0 50px;
		box-sizing: border-box;
	}
}