@charset "utf-8";
/* CSS Document */

html {	-webkit-font-smoothing: antialiased; }

* {  	font-family: 'Montserrat', sans-serif;	}

body {				margin: 0px; 
					padding: 0px; 
					letter-spacing: .05em;
}
 
a.button:link, a.button:visited {
					box-sizing: border-box;
					background-color: #fff;
					color: #263570;
					text-align: center;
					text-decoration: none;
					display: block;
					width: 155px; 
					height: 42px;
					font-weight: 500;
					border: 2px solid #263570;
					border-radius: 4px;
					vertical-align: middle;
					padding-top: 5px;
					margin: 64px auto 0px auto;
					letter-spacing: 0.05em;
}

a.button:hover, a.button:active {
					background-color: #263570;
					color: #fff;
}

#banner-image {	 	background-image: url("../img/Intro.jpg");
					height: 100vh;
					width: 50vw;
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
}


#logo-image {		width: 200px; 
					height: 200px; 	
}	

.about-text { 		font-size: 13.5px;
					line-height: 2.0em;
					color: #8c8c8c;
					padding-left: 25px;
					letter-spacing: 0.02px;
					box-sizing: border-box;
					width: 100%;
					margin: 0px;	
}

.center-text { text-align: center; }

/*	-------------------------------- VERTICAL PLACEMENT  ------------------------------------- */

.v-wrap{
    height: 100vh;
    white-space: nowrap;
    text-align: center;
}
.v-wrap:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    /* adjust for white space between pseudo element and next sibling */
    margin-right: -.25em;
    /* stretch line height */
    height: 100vh; 
}
.v-box{
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}

/*	-------------------------------- RESPONSIVE  ------------------------------------- */

.span_2_of_2 {	width: 100%;	}
.span_1_of_2 {	width: 49.2%;	}

@media only screen and (max-width: 1000px) {
	.span_2_of_2 {		width: 100%; 		}
	.span_1_of_2 {		width: 100%; 		}
	
	#banner-image { 	height: 50vh;		width: 100vw;		}
	#logo-image { 		margin-top: 40px; }
	a.button { 			margin-bottom: 50px; }
	.v-wrap { 			height: 50vh; 	}
	.v-wrap:before {	 height: 50vh; }
}