body>footer {
	background-color:#ebebeb;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:justify;
	justify-content:space-between;
font-size:.8rem
}
body>footer .left {
	-ms-flex:0 0 60%;
	flex:0 0 60%
}
body>footer .left img {
	margin-bottom:3rem
}
body>footer .left a {
	color:#414141;
	text-decoration:none
}
body>footer .left a:hover {
	text-decoration:underline
}
body>footer .right {
	-ms-flex:0 0 40%;
	flex:0 0 40%;
	background:#ebebeb;
	text-align:right
}
body>footer .right .social {
	margin-bottom:3rem
}
body>footer .right .social a:not(:last-of-type) {
margin-right:1rem
}
@media screen and (max-width:640px) {
body>footer {
padding:3rem .75rem 3rem;
-ms-flex-direction:column;
flex-direction:column;
-ms-flex-align:center;
align-items:center;
-ms-flex-line-pack:center;
align-content:center
}
body>footer, body>footer .right .social {
text-align:center
}
body>footer .social {
margin-top:2rem
}
}
@media screen and (min-width:641px) and (max-width:900px) {
body>footer {
padding:3rem 2.5rem 5rem
}
body>footer:after {
content:" ";
visibility:hidden;
display:block;
font-size:0;
clear:both;
height:0
}
}
@media screen and (min-width:901px) {
body>footer {
padding:3rem calc(50vw - 36.5625rem) 3rem
}
body>footer:after {
content:" ";
visibility:hidden;
display:block;
font-size:0;
clear:both;
height:0
}
}
div.masthead {
	background-color:#fff;
	border-top:5px solid #c00;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:justify;
	justify-content:space-between
}
div.masthead .left, div.masthead .right {
	padding:1.25rem
}
div.masthead .left {
	-ms-flex:0 0 70%;
	flex:0 0 70%
}
div.masthead .right {
	-ms-flex:0 0 30%;
	flex:0 0 30%;
	background:#ebebeb;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:start;
	justify-content:flex-start
}
div.masthead .right a:not(:last-of-type) {
margin-right:1rem
}
div.masthead .right a:first-of-type {
	margin-left:2rem
}
@media screen and (max-width:640px) {
div.masthead {
padding:0 .75rem;
text-align:center;
-ms-flex-direction:column;
flex-direction:column
}
}
@media screen and (min-width:641px) and (max-width:900px) {
div.masthead {
padding:0 2.5rem
}
div.masthead:after {
content:" ";
visibility:hidden;
display:block;
font-size:0;
clear:both;
height:0
}
}
@media screen and (min-width:901px) {
div.masthead {
padding:0 calc(50vw - 36.5625rem)
}
div.masthead:after {
content:" ";
visibility:hidden;
display:block;
font-size:0;
clear:both;
height:0
}
}
body>header {
	background:url(../images/bg.jpg) repeat-x, #c00;
	background-size:cover;
	border-top:5px solid #c00;
	text-align:center;
	color:#fff
}
body>header h1 {
	font-size:24px;
	
	
}
body>header h2 {
	color:#fff;
	text-transform:uppercase;
	font-size:32px;
	font-weight:700
}
body>header p {
	margin-top:2.5rem;
	font-size:1rem
}
.title{color: #fff;
    text-transform: uppercase;
    font-weight: 700;
	font-size:32px;
	
}
@media screen and (max-width:640px) {
body>header {
padding:2.25rem .75rem 1rem;
text-align:center
}
}
@media screen and (min-width:641px) and (max-width:900px) {
body>header {
padding:2.25rem 2.5rem 1rem;
text-align:center
}
}
@media screen and (min-width:901px) {
body>header {
padding:2.25rem calc(50vw - 36.5625rem) 10rem
}
body>header:after {
content:" ";
visibility:hidden;
display:block;
font-size:0;
clear:both;
height:0
}
}
body>main {
	background-color:#fff;
	text-align:center;
	color:#414141
}
body>main iframe, body>main img {
	box-shadow:0 0 143px 0 rgba(0, 0, 0, .4);
	display:block;
	margin:-8rem auto 2rem
}
body>main p {
	margin-top:2.5rem;
font-size:.965rem;
	line-height:1.2rem
}
@media screen and (max-width:640px) {
body>main {
padding:2.25rem .75rem 1rem
}
body>main iframe, body>main img {
width:100%
}
}
@media screen and (min-width:641px) and (max-width:900px) {
body>main {
padding:2.25rem 2.5rem 1rem
}
body>main iframe, body>main img {
width:100%
}
}
@media screen and (min-width:901px) {
body>main {
padding:2.25rem calc(50vw - 25.5625rem) 5rem
}
body>main:after {
content:" ";
visibility:hidden;
display:block;
font-size:0;
clear:both;
height:0
}
}
body>aside.three-col {
	background-color:#fff;
	text-align:center;
	color:#414141
}
body>aside.three-col h3 {
	color:#c00;
	font-size:1.5rem;
	margin-bottom:6rem
}
body>aside.three-col .flex {
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: justify;
	  -moz-box-pack: justify;
	  -webkit-justify-content: space-between;
	  -ms-flex-pack: justify;
	  justify-content: space-between;
}
body>aside.three-col .flex article {
	-webkit-flex:0 0 27%;
	-moz-flex:0 0 27%;
	-ms-flex:0 0 27%;
	-webkit-flex:0 0 27%;
	flex:0 0 27%;
	box-shadow:0 0 143px 0 rgba(0, 0, 0, .4);
font-size:.85rem
}
body>aside.three-col .flex article .image {
	background-size:cover;
	background-position:50%;
	width:100%;
	height:9rem
}
body>aside.three-col .flex article .image.meeting {
	background-image:url(../images/photo-meeting.jpg)
}
body>aside.three-col .flex article .image.walking {
	background-image:url(../images/photo-walking.jpg)
}
body>aside.three-col .flex article .image.chat {
	background-image:url(../images/photo-chat.jpg)
}
body>aside.three-col .flex article .text {
	padding:2rem 1rem
}
body>aside.three-col .flex article .text h4 {
	font-weight:700
}
body>aside.three-col .flex article .text a {
	color:#c00;
	font-weight:700;
	text-decoration:none;
	text-transform:uppercase;
	margin-top:1rem;
	display:block
}
@media screen and (max-width:640px) {
body>aside.three-col {
padding:2.25rem .75rem 1rem
}
body>aside.three-col .flex {
-webkit-flex-direction:column
-moz-flex-direction:column
-ms-flex-direction:column
-webkit-flex-direction:column;
flex-direction:column
}
body>aside.three-col .flex article {
margin-top:1rem
}
body>aside.three-col .flex article:first-of-type {
margin-top:0
}
}
@media screen and (min-width:641px) and (max-width:900px) {
body>aside.three-col {
padding:2.25rem 2.5rem 1rem
}
body>aside.three-col .flex {
-webkit-flex-direction:column
-moz-flex-direction:column
-ms-flex-direction:column
-webkit-flex-direction:column;
flex-direction:column
}
body>aside.three-col .flex article {
margin-top:1rem
}
body>aside.three-col .flex article:first-of-type {
margin-top:0
}
}
@media screen and (min-width:901px) {
body>aside.three-col {
padding:2.25rem calc(50vw - 36.5625rem) 6rem;
}
body>aside.three-col:after {
content:" ";
visibility:hidden;
display:block;
font-size:0;
clear:both;
height:0
}
}
*, :after, :before {
	box-sizing:border-box;
	margin:0;
	padding:0
}
html {
	overflow-x:hidden
}
@media screen and (min-width:901px) and (max-width:1200px) {
html {
font-size:1.33333vw
}
}
@media screen and (min-width:641px) and (max-width:900px) {
html {
font-size:2vw
}
}
@media screen and (max-width:640px) {
html {
font-size:4vw
}
}
@media screen and (min-width:1201px) {
html {
font-size:16px
}
}
body {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-family:Open Sans, Arial, sans-serif;
	overflow-x:hidden
}
button, input, textarea {
	padding:0;
	margin:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:none;
	outline:none;
	background:none
}
button {
	cursor:pointer
}
a>img {
	border:none
}
@media screen and (min-width:641px) and (max-width:768px) {
	div.masthead .left {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
	}
	div.masthead .right {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		background: #ebebeb;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	body>footer .left {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
	}
	body>footer .right {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		background: #ebebeb;
		text-align: right;
	}
	body>aside.three-col .flex article .image {
		background-size: cover;
		background-position: 50%;
		width: 100%;
		height: 22rem;
	}
	body>aside.three-col .flex article {
		-webkit-flex: 100%;
		-moz-flex: 100%;
		-ms-flex: 100%;
		-webkit-flex: 100%;
		flex: 100%;
		box-shadow: 0 0 143px 0 rgba(0, 0, 0, .4);
		font-size: .85rem;
	}
	
}
@media screen and (min-width:320px) and (max-width:640px) {
body>aside.three-col .flex article .image {
		background-size: cover;
		background-position: 50%;
		width: 100%;
		height: 11rem;
	}
	
	div.masthead .left, div.masthead .right {		
		padding:2em !important;
	}	
}

/*# sourceMappingURL=style.css.map */