body {margin: 0px; padding: 0px; border: none; font-family: 'Poiret One', cursive; color: white;}
a {
	color: white;
	text-decoration: none;
}
.bg-image {
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: url(../bg3.jpg);
	background-color: #d2f8cd;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
}
.inna {
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: url(../inna2.png);
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: right bottom;
	right: 50px;
}
.name {
	position: fixed;
	top: 100px;
	left: 100px;
	max-width: 600px;
}
h1 {
	font-size: 4em;
}
hr {
	border: 1px solid rgba(255, 255, 255, 0.46);
}
i.fa {
	background-color: rgba(182, 226, 132, 0.56);
	width: 50px;
	height: 50px;
	font-size: 1.5rem;
	text-align: center;
	line-height: 50px;
	border-radius: 20px 0;
	margin-right: 10px;
	transition: 0.6s;
}
i.fa:hover {
	transform: rotate(20deg);
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.56), 0 6px 20px 0 rgba(0, 0, 0, 0.31);
}
.logotype {
	max-width: 200px;
}

@media screen and (min-width: 1280px) and (max-width: 1600px)  {
	.inna {
		width: 100%;
		height: 100%;
		position: absolute;
		background-image: url(../inna2.png);
		background-size: 120%;
		background-repeat: no-repeat;
		background-position: right bottom;
		right: -40px;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1279px)  {
	.inna {
		width: 100%;
		height: 100%;
		position: absolute;
		background-image: url(../inna2.png);
		background-size: 120%;
		background-repeat: no-repeat;
		background-position: right bottom;
		right: -50px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.inna {
		width: 100%;
		height: 100%;
		position: absolute;
		background-image: url(../inna2.png);
		background-size: 200%;
		background-repeat: no-repeat;
		background-position: right bottom;
		right: -190px;
	}
}
@media screen and (min-width: 569px) and (max-width: 760px) {
	.inna {
		width: 100%;
		height: 100%;
		position: absolute;
		background-image: url(../inna2.png);
		background-size: 90%;
		background-repeat: no-repeat;
		background-position: right bottom;
		right: -20px;
	}
	.name {
		position: fixed;
		top: 50px;
		left: 50px;
		max-width: 600px;
	}
	.logotype {
		max-width: 100px;
	}
}
@media only screen and (min-width : 320px) and (max-width : 568px) {
	.inna {
		width: 100%;
		height: 100%;
		position: absolute;
		background-image: url(../inna2.png);
		background-size: 250%;
		background-repeat: no-repeat;
		background-position: right bottom;
		right: -220px;
	}
	.name {
		position: fixed;
		top: 50px;
		left: 50px;
		max-width: 600px;
	}
	.logotype {
		max-width: 100px;
	}
}