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

body {
	margin:0;
	padding:0;
	font-family: 'Source Sans Pro', sans-serif;
	background-color:#333;
}
.introduction-text a {color:#666; text-decoration:none; font-weight:bold;}
.introduction-text a:hover {text-decoration:underline;color:#000;}

img {vertical-align: middle;}

.wrapper{
	max-width:1520px; 
	background-color:#ffffff;
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	padding:0px;
}

.socialmedia{ background-color:#009999; text-align:center;
}
.welcome{ background-color:#009999; color:#ffffff; text-align:center; height:50px; font-size:36px;
}
.welcome h1 { 
	font-size:36px;
	margin-top:0;
	margin-bottom:0;
}


.socialmedia .fa {
 	padding: 0px;
 	font-size: 30px;
  	width: 70px;
  	text-align: center;
  	text-decoration: none;
}

.socialmedia .fa .iconlink{visibility:hidden; 	font-size: 10px;}


.socialmedia .fa:hover {
    opacity: 0.7;
}

.socialmedia .fa-facebook, .socialmedia .fa-twitter , .socialmedia .fa-instagram {
  color: #000000;
}

.text a{color:#ffffff;}

/*.text h1 a{ text-decoration:none;}*/


.intro{
	margin:auto; 
    height:auto; 
    background:#fff; 
    overflow:auto;
}

.introduction-text{
	width:35%;
	float:left;
	height:100%;
	 display: table;
}

.introduction-text p{
	padding:0px 10px 0px 10px;
}

.introduction-image{
	width:65%;
	float:right;
}

.responsive-image {
	max-width: 100%;
  	height: auto;
}

@media only screen and (max-width: 1000px) {
.introduction-text{
	width:100%;
}

.introduction-image{
	width:100%;
}
}


/* On smaller screens, decrease text size */
@media only screen and (max-width: 800px) {
  

.text p{display:none;}
.text {
	padding: 0px 0px 0px 0px;
  	position: absolute;
	width:100%;
  	text-align: right;
    bottom: 0px;
  	left:0px;
    background: rgb(255, 255, 255); /* Fallback color */
 	background: rgba(255, 255, 255); /* Black background with 0.5 opacity*/ 
   	border-radius: 0px; 
}
.text h1{padding:0px 10px 0px 0px; margin:0px; font-size:20px; background-color:#666;}

.introduction-text{
	width:100%;
	float:right;
}

.introduction-image{
	width:100%;
	float:left;
}


}


@media only screen and (min-width: 1200px) {
	.introduction-text {font-size: larger; }	
	
	
}