/*--------------------------------------------------------------
1.0 - Styles for standard web browsers
--------------------------------------------------------------*/


body {
	background-color: #2E2D27;
}

#wrapper {
	width: 640px;
	margin-left:auto;
	margin-right:auto;
	align-content:center;
	text-align: center;
	top:50%;
  	left: 50%;
  	transform: translate3d(-50%,-50%, 0);
  	position: absolute;
}

.helloLogo {

}

.intro {
	margin-top: 24px;
	margin-bottom: 28px;
	padding: 20px 0 20px 0;
	text-align: center;
	font-family: 'Alegreya Sans', sans-serif;
	font-weight: 400;
	font-size: 22px;
	color: #ebebeb;
}

#intro-Border {
	border: 1px solid transparent;
    padding: 15px;
    -webkit-border-image: url(images/dotted_rule.png) 1 0 1 0 repeat; /* Safari 3.1-5 */
    -o-border-image: url(images/dotted_rule.png) 1 0 1 0 repeat; /* Opera 11-12.1 */
    border-image: url(images/dotted_rule.png) 1 0 1 0 repeat;
	}

.contact {
	display:inline-block;
	vertical-align: top;
	background-color: none;
	width: 30%;
	font-family: 'Alegreya Sans', sans-serif;
	font-weight:500;
	font-size: 16px;
	line-height: 20px;
	color: #9FACA4;
}

.contact-headers {
	font-family: 'Alegreya Sans', sans-serif;
	font-weight: 900;
	color: #b5b5b5;
	font-size: 14px;
	text-transform: uppercase;
}

.contact-hightlight {
	color: #7FCCB0;
	font-weight: 600;
}

#partners {
	width: 95%;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Alegreya Sans', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	color: #9FACA4;	
}

.heading {
	margin-bottom: 6px;
}

.social-icons {
	margin: 10px 5px 0 2px;
}






/*--------------------------------------------------------------
2.1 - MAXIMUM width of 720 pixels (phones landscape)
--------------------------------------------------------------*/
@media screen and (max-width: 720px) {
}

/*--------------------------------------------------------------
2.2 - MAXIMUM width of 500 pixels (phones portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 500px) {
}

/*--------------------------------------------------------------
2.3 - MAXIMUM width of 660 pixels (phones portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 660px) {
}

/*--------------------------------------------------------------
2.4 - MAXIMUM width of 600 pixels (phones portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 600px) {
}

/*--------------------------------------------------------------
2.5 - MAXIMUM width of 380 pixels (phones portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 320px) {

.helloLogo {
	width: 280px;
}

#wrapper {
	width: 300px;
	margin-left:auto;
	margin-right:auto;
	align-content:center;
	text-align: center;
}

.intro {
	margin-top: 24px;
	margin-bottom: 28px;
	padding: 20px 0 20px 0;
	text-align: center;
	font-family: 'Alegreya Sans', sans-serif;
	font-weight: 400;
	font-size: 30px;
	width: 320px;
	color: #ebebeb;
}

}

/*--------------------------------------------------------------
2.6 - MINIMUM width of 720 pixels (tablets+)
--------------------------------------------------------------*/
@media screen and (min-width: 720px) {
}

/*--------------------------------------------------------------
2.7 - MINIMUM width of 960 pixels (desktops and laptops)
--------------------------------------------------------------*/
@media screen and (min-width: 960px) {
}