@font-face {
    font-family: 'phenomenaregular';
    src: url('../fonts/phenomena-regular-webfont.woff2') format('woff2'),
         url('../fonts/phenomena-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
	margin: 0;
	font-family: 'Open Sans', sans-serif;
}

h1 {
	font-family: 'Comfortaa', cursive;
	font-size: 45px;
	font-weight: 400;
	margin-top: 45px;
}

.background {
	display:flex;
	align-items: center;
	height: 100vh;
	width: 100%;
	background-image: url('../img/bg.png'); 
}
.logo {
	display:block;
	width:532px;
	height: 261px;
	background-image: url('../img/logo.png');
	margin-left:auto;
	margin-right:auto; 
}
.content {
	color: #004B6B;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.el1 {
		width: 0;
		height: 0;
		border-top: 500px solid #00ADEE;
		border-right: 500px solid transparent;
		position: fixed;
		top: 0;
}
.el2 {
	width: 58px;
	height: 930px;
	-webkit-transform: skew(-45deg);
	-moz-transform: skew(-45deg);
	-o-transform: skew(-45deg);
	background-color: #004B6B;
	position: fixed;
	bottom: 0;
	right: 0;
}
.el3 {
	width: 58px;
	height: 707px;
	-webkit-transform: skew(-45deg);
	-moz-transform: skew(-45deg);
	-o-transform: skew(-45deg);
	background-color: #004B6B;
	position: fixed;
	bottom: 0;
	right: 0;
}
.el4 {
	width: 58px;
	height: 489px;
	-webkit-transform: skew(-45deg);
	-moz-transform: skew(-45deg);
	-o-transform: skew(-45deg);
	background-color: #004B6B;
	position: fixed;
	bottom: 0;
	right: 0;
}
.contacts {
	font-family: 'Comfortaa', cursive;
	font-weight: 300;
	font-size: 22px;	
}
span {
	margin-right: 15px;
	display:inline-block;
	margin-top: 15px;
}
.lnr {
	font-size: 25px !important;
	margin-top: 0px !important;
	margin-right: 5px !important;
}


@media (max-width:1280px) {
	.logo {
		width:426px;
		height: 209px;
		background-image: url('../img/logo2.png');
	}
}
@media (max-width:768px) {
	.logo {
		width:341px;
		height: 167px;
		background-image: url('../img/logo3.png');
	}
	.el1 {
		border-top: 360px solid #00ADEE;
		border-right: 360px solid transparent;
	}
	.el2 {
		height: 730px;
	}
	.el3 {
		height: 507px;
	}
	.el4 {
		height: 289px;
	}
}
@media (max-width:400px) {
	.el1 {
		border-top: 100px solid #00ADEE;
		border-right: 100px solid transparent;
	}
	.el2 {
		height: 217px;
		width: 23px;
	}
	.el3 {
		height: 136px;
		width: 23px;
	}
	.el4 {
		height: 58px;
		width: 23px;
	}
}