@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: Raleway;
  src: url('Raleway-Regular.ttf');
}
@font-face {
  font-family: RalewayBold;
  src: url('Raleway-Bold.ttf');
}
@font-face {
  font-family: RalewaySemi;
  src: url('Raleway-SemiBold.ttf');
}

body {
	margin:0 auto;
}

.dot {
	height: 65px;
	width: 65px;
	background-color: #fff;
	border-radius: 50%;
	margin:3px;
	display: inline-block;
}

.container {
	width:100%;
	height:100%;
	margin:0 auto;
}
.flex-container {
	position:absolute;
	z-index:99;
	display:flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	height: 100%;
	width:100%;
	top:0;
}
.back-container {
	display:flex;
	flex-wrap: wrap;
	height:100%;
	width:100%;
}
.left-back {
	background-color:#99a6a3;
	height:100%;
	width:45%;
	z-index:5;
}
.right-back {
	background-color:#e5e7e4;
	height:100%;
	width:55%;
	z-index:5;
}
.left-text {
	background-color:#99a6a3;
	min-height: 600px;
	height:100%;
	width:45%;
}
.left-top {
	display:flex; 
	justify-content: center; 
	align-self: flex-end;
	flex-direction: column;
	text-align:center;
	height:30%;
}
.left-center {
	font-family: "Raleway", sans-serif;
	display:flex; 
	justify-content: center; 
	align-items: center; 
	flex-direction: column;
	color:#fff; 
	
	letter-spacing: 19px;
	height:100%;
}
.left-bottom {
	font-family: "Raleway", sans-serif;
	display:flex; 
	justify-content: center; 
	align-items: flex-start; 
	font-weight: 400; 
	color:#fff; 
	font-size:18px; 
	letter-spacing: 8px;
	height:30%;

}
.right-text {
	background-color: #e5e7e4;
	min-height: 600px;
	height:100%;
	width:55%;
}
.right-top {
	font-family: 'Norwester', sans-serif; 
	text-align:right; 
	padding:20px 20px 0px 0px; 
	font-size:28px; 
	color:#737373; 
	font-weight:400;
	height: 53%;
}
.right-center {
	/*padding-top:155px;*/
	display:flex;
	justify-content: center;
	align-items: center;
	font-family: "Ubuntu", sans-serif; 
	font-weight:bold;
	color:#fff;
	font-size:36px;
	letter-spacing: 15px;
	/*height: 34%;*/
}
.right-center a {
	font-family: "Ubuntu", sans-serif;
	font-weight:bold; color:#fff;
	text-decoration:none;
}
.right-bottom {
	font-family: "Ubuntu", sans-serif;
	/*padding-top:155px;*/
	display:flex;
	justify-content: center;
	align-items: flex-end;
	color:#737373;
	font-size:18px;
	height: 35%;
}

@media (max-width:1250px){
	.container {
		width:100%;
	}
	/*
	.left-back {
		
		height: 600px;
		width:100%;
		
	}
	.right-back {
		
		height: 600px;
		width:100%;
		
	}*/
	.right-top {
		height: 44%;
	}
	.right-bottom {
		height: 47%;
	}
	.left-text {
		min-height: 800px;
		height:100%;
		width:100%;
	}
	.right-text {
		min-height: 800px;
		height:100%;
		width:100%;
	}
	
}

@media (max-width:650px){
	
}