*	{
	margin:0;
	padding:0:
}
.top-strip {
	background-color: #daeeff;
	height: 80px;
	width: 100%;
}

header {
	width: 80%;
	padding-top:15px;
	margin-top: -85px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	

}
header .logo {
	float: left;
	margin-left:25%;
	margin-right: 15px;
	margin-top:10px;
	height: auto;
	max-width: 100%;
}
header .logo p {
	text-indent: -10000px;
}
header .address  {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	float: left;
	margin-right:15px;
	width:200px;
	}

	
article {
	width: 80%;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	
}
.article p {
	margin-right: 20px;
	margin-left: 20px;
}
.leftpicture {
	float: left;
	margin-right: 20px;
	
}
.rightpicture {
	float: right;
	margin-left: 20px;
}
.contactaddress {
	float: left;
	margin-top: 10px;
}
.contactsocialmedia {
	float: right;
}
.contactsocialmedia p img {
	display: inline;
	float: left;
}
.contactsocialmedia p {
	margin-bottom: 10px;
}
.contactsocialmedia a {
	color: #000;
	text-decoration: none;
}





footer {
	clear: both;
	text-align: center;
	margin-top:-30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.bottom-strip {
	background-color: #daeeff;
	height: 40px;
	width: 100%;
	clear: both;
}

@media screen and (max-width:900px){
	
	header {
		width:95%;
		margin-left:1%;
	
	}
	
	header .logo img{
		visibility:hidden;
		}
	header .logo {
		/*width:250px;*/
		background-image: url(../images/mobile-logo.png);
		background-repeat: no-repeat;
		margin-left:1%;
	}
		
	article {
		/*width:95%;*/
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:auto;
	
	}
}