body{
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #000;
	min-width: 300px;
	height: 100%;
	background:no-repeat #000000;
	}
	body {-webkit-text-size-adjust: 100%;} /* Stop Iphone/Ipad from upscaling font sizes */
	
	a img {border: 0 none;}
	a {text-decoration: none; color: #ff0000; font-weight: bold;}
	.clear {clear: both;}
	
	h1 {font-style: italic; color: #0099ff;}
	h2 {color: #ff0000}
	
	.blue {color: #0099ff;}
	.blue a {color: #0099ff;}
	
	.center {text-align: center;}
	
#wrapper {
	max-width: 980px;
	padding: 89px 10px 10px 10px; 
	margin: 0 auto; 
	position: relative;
	background:no-repeat #FFFFFF;
	}

.slicknav_menu {
	display:none;
	}	

nav{
	position:fixed;
	width: 100%;
	padding: 16px 0 6px 0;
	z-index: 1;
	top:0;
	text-align:center;
	background:no-repeat #FFFFFF;
	}

#menu {
	padding:0;
	margin: 0 auto;
	list-style-type: none;
	}
	
#menu li{
	display:inline;	
	margin: 0; padding: 0;
	}
	
#menu a {
	font-size:24px;
	padding: 0 10px;
	font-weight:bold;
	color: #000;
	}
	
#menu a:hover,
#menu a:active {color: #0099ff;}

a[name]{
	position: relative; 
	top: -56px;
	}

header div {width: 28%; float: left; display: block; text-align: right;}
header div + div {width: 44%; text-align: center;}
header div + div img {width: 168px;}

#logo {margin-top: 20px;}

#contact-info {
	display: block;
	float: right;
	width: 28%;
	padding:0;
	margin: -3px 0 0 0;
	list-style-type: none;
	}
	.icons {margin-top: 5px;}

#consultation {font-weight: bold; text-align: center; margin-top: 38px;}

#how-are-we-different aside h3 {text-align: center;}
#how-are-we-different p {text-align: center;}
#Theodora-Dimou p{text-align: left;}

.how-can-we-help table{
	text-align:center;
	margin:0 auto;
	}

#twitter{
	margin:0 auto;
	width:auto;
	text-align:center;
	}

#bottom-border{
	border-top: solid 2px black;
	padding:15px 0;
	}

#top{
	position:fixed;
	bottom:0px;
	right:3px;
	z-index: 3;
	display: none;
	}

@media screen and (max-width: 970px) {
	#menu a {font-size: 18px;}
	#consultation {margin-top: 0;}
	} 


@media screen and (max-width: 890px) {
	header div {width: 35%;}
	header div + div {width: 30%;}
	#contact-info {width: 35%;}
	}
	
@media screen and (max-width: 766px) {
	#wrapper {padding-top: 46px;}
	#menu {display:none;}
	.slicknav_menu {display:block; z-index: 2;}
	nav{width:auto;}
	nav a {font-size:14px;}
	#contact-info {font-size:12px;}
	}
	
@media screen and (max-width: 630px) {	
	header div {width: 100%; text-align: center; margin: 0 auto; clear: both; padding-bottom: 20px;}
		#logo {margin-top: 0px;}
	header div + div {width: 50%; padding: 0;}
	#contact-info {width: 50%;}
	}
@media screen and (max-width: 380px) {
	header div + div {width: 35%;}
	#contact-info {width: 63%; padding-left: 2%;}
	header div + div img {width: 100px;}
	}