body {
	background: #24245E;
	font-family: 'Gotham Rounded', sans-serif;
	color: #fff;
	margin: 0;
	position: relative;
}
h1 {
	margin-top: 40px;
	margin-bottom: 30px;
	font-style: normal;
	font-weight: 300;
	font-size: 44px;
	line-height: 58px;
}
#wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 50px 0 0 50px;
	min-height: 94%;
}
#left {
	width: 47%;
	min-height: 94%;
	flex-wrap: wrap;
	display: flex;
	align-items: center;
}
#left p {
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	line-height: 30px;
	margin: 0;
	padding: 0;
}
#left h2 {
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
	width: 100%;
}
.button {
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 30px;
	padding: 10px 79px;
	border-radius: 6px;
	color: #fff;
	text-decoration: none;
}
.button.phone {
	background: linear-gradient(130.12deg, #EF4136 13.37%, #DA1C5C 63.93%);
}
.button.email {
	background: 
     linear-gradient(#24245E,#24245E) padding-box, /*this is your grey background*/
     linear-gradient(130.12deg, #EF4136 13.37%, #DA1C5C 63.93%) border-box;
    border: 3px solid transparent;
	box-sizing: border-box;
	padding: 7px 76px;
	margin-left: 23px;
}
#right {
	width: 52%;
	background: url('img/cloud.png');
	background-size: cover;
	background-repeat: no-repeat;
	align-self: end;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
#right #info {
	padding: 25% 0 0 20%;
	margin-bottom: 20px;
}
#right h2 {
	font-style: normal;
	font-weight: bold;
	font-size: 56px;
	line-height: 30px;
	color: #24245E;
	width: 100%;
	margin: 30px 0;
	margin-left: -48px;
}
#right a {
	font-style: normal;
	font-weight: 300;
	font-size: 32px;
	line-height: 30px;
	color: #24245E;
	width: 100%;
	text-decoration: none;
	display: block;
}
#right a:before {
	background: linear-gradient(134.96deg, #EF4136 -178.32%, #DA1C5C 177.98%);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: -46px;
	top: 34px;
}
#right a#address:before {
	content: url('img/address.svg');
}
#right a#phone:before {
	content: url('img/phone.svg');
}
#right a#email:before {
	content: url('img/email.svg');
}
#left #copyright, #left #copyrightmobile {
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 30px;
	color: #FFFFFF;
	display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
	align-self: end;
	padding: 30px 0 0 0;
	margin-bottom: 10px;
}
#copyright span {
	float: right;
}
#copyright span a {
	color: #fff;
	text-decoration: none;
}
#copyright2 {
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 30px;
	text-align: right;
	color: #24245E;
	z-index: 99999;
	width: 100%;
	align-self: end;
	margin-right: 40px;
}

#copyright2 span a {
	text-decoration: none;
	font-size: 14px;
}

#right a.webdesignby {
	font-size:14px;
	display: inline;
}
#left #copyrightmobile { display: none; }
#sep { display: none; }
#cookie_bar {
	background: #24245E;
	width: 100%;
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99999999;
	border-top: 1px solid #fff;
}
#cookie_bar p, #cookie_bar h3 { margin: 0; }
#cookie_bar p {
	font-weight: 300;
	margin-top: 10px;
}
#cookie_bar #yes {
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 19px;
	display: flex;
	align-items: center;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #24245E;
	flex-direction: row;
	justify-content: center;
	padding: 12px 24px;
	background: #fff;
	text-decoration: none;
	box-sizing: border-box;
	border: 1px solid #fff;
}
#cookie_bar #no {
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 19px;
	display: flex;
	align-items: center;
	justify-content: center;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #24245E;
	padding: 12px 24px;
	border: 1px solid #fff;
	text-decoration: none;
	box-sizing: border-box;
	margin-left: 20px;
}
#cookie_bar .right {
	display: flex;
	align-items: center;
	margin-left: 30px;
}
#cookie_bar #cookie_settings { color: #fff; }

/*
Animations CSS
*/


.btn-wrapper{
	position: fixed;
	top: calc(50% - 22px);
	left: 0;
	width: 100%;
	text-align: center;
}

.btn{
	transition: all .5s;
	transition-timing-function: cubic-bezier(.2, 3, .4, 1);
}
.btn:hover{
		transform: scale(1.1, 1.1);
	}

/*Responsive*/
@media screen and (max-width: 1500px) {
	#logo { max-width: 100%; }
	#left h1 { margin-top: 65px; }
	#right h2 { font-size: 44px; margin: 0 0 0 -48px; }
	#right a { font-size: 22px; margin-left: 0;}
	#right #info { padding: 26% 0 0 26%; }
}
@media screen and (max-width: 1400px) {
	#right #info { padding: 35% 0 0 35%; }
}
@media screen and (max-width: 1120px) {
	#right, #left { width: 100%; }
	#logo { padding: 50px 50px 0 50px; margin: 0 auto; }
	#left { padding: 0 50px; margin-bottom: 50px; }
	#right { margin-top: 50px; height: 65%; }
	#wrap { flex-wrap: wrap; padding: 0; }
	#right #info { padding: 26% 0 0 26%; }
	#left #copyright, #copyright2 { margin-top: 30px; margin-bottom: 0; position: relative; width: 100%; bottom: initial; right: initial; left: initial; padding: 0 50px; text-align: left; }
	#left #copyright { display: block; text-align: center; }
	#copyright2 { display: none; }
	#left #copyrightmobile { display: block; text-align: center; justify-content: center; padding-top: 0; }
	#copyright span { display: block; float: none; }
	#sep { display: block; background: rgba(255, 255, 255, 0.15); margin: 50px 0 0 0; height: 3px; width: 100%; }
	#cookie_bar .left, #cookie_bar .right { width: 100%; text-align: center; }
	#cookie_bar .right { justify-content: center; margin-top: 10px; }
	#cookie_bar { flex-wrap: wrap; }
}
@media screen and (max-width: 920px) {
	#right { background-position: top; background-repeat: no-repeat; }
	#right #info { width: 55%; }
	#right h2 { font-size: 40px; }
	#right a { font-size: 20px; }
}
@media screen and (max-width: 620px) {
	.button {
		padding: 10px 39px;
	}
	.button.email {
		padding: 7px 36px;
	}
}
@media screen and (max-width: 532px) {
	#logo { padding: 17px 17px 0 17px; height: 20vh; }
	#left { padding: 0 17px; }
	#right, #left { box-sizing: border-box; }
	#right #info { width: 50%; bottom: 2vh; }
	#right { padding-bottom: 50px; background-size: cover; }
	#right h2 { font-size: 22px; line-height: 20px; }
	#right a { font-size: 18px; line-height: 20px; }
	#left h1 { margin-top: 0; font-size: 36px; line-height: 42px; margin-bottom: 0; }
	#left p { font-size: 18px; line-height: 28px; }
	.button.email { margin-left: 13px; }
	#copyright, #copyright2, #copyright span { text-align: center; }
}
@media screen and (max-width: 350px) {
	#right h2 { font-size: 21px; line-height: 20px; }
}