/* CSS Document */
body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#top{
	position:fixed;
	bottom:0;
	right:0;
}
#wrapper{
	width:960px;
	margin:0 auto;
	height:auto;
}
section{
	height:700px;
	padding-top:35px;
}
.slicknav_menu {
	display:none;
}
.icons{
	margin-right:5px;
	padding-top:5px;
}
nav{
	position:fixed;
	width:960px;
	height:50px;
	top:0;
	background-color:rgba(255,255,255,1);
	text-align:center;
}
#menu ul{
	display:inline;
	padding:0;
}
#menu li{
	display:inline;	
}
#menu a {
	text-decoration:none;
	font-size:24px;
	padding-right:5px;
	font-weight:bold;
	color:rgba(0,0,0,1);
}
#menu a:hover{
	color:rgba(0,153,255,1);
}
#menu a:active{
	color:rgba(0,153,255,1);
}
header{
	padding-top:45px;
	width:800px;
	height:115px;
	margin:0 auto;
}
header img{
	float:left;
	margin-right:10px;
	
}
header ul{
	margin-top:0;
	padding-left:35px;
}
header li{ 
	text-decoration:none;
	display:block;
	margin-top:0;
}
#logo{
	width:315px;
	height:112px;
	max-width:100%;
	max-height:100%;
}
#keyboard{
	width:168px;
	height:112px;
	max-width:100%;
	max-height:100%;
}
#consultation{
	font-weight:bold;
	width:810px;
	margin:0 auto;
	text-align:center;
}
#about p{
	padding-left:10px;
}
h1{
	padding-left:15px;
	font-style:italic;
	font-size:24px;
	color:rgba(0,153,255,1);
}
h2{
	color:rgba(255,0,0,1);
	font-weight:bold;
}
h3{
	text-align:center;
}
#more h3{
	text-align:left;
}
#more p{
	text-align:center;
}
#how-are-we-different span{
	font-weight:bold;
}
.red a{
	color:rgba(255,0,0,1);
	text-decoration:none;
	font-weight:bold;
}
.blue{
	color:rgba(0,153,255,1);
}
.blue a{
	color:rgba(0,153,255,1);
	text-decoration:none;
	font-weight:bold;
}
header a{
	text-decoration:none;
	color:rgba(0,153,255,1);
}
#how-are-we-different p {
	text-align:center;
}
.hawd-heading{
	font-weight:bold;
}
table{
	text-align:center;
	margin:0 auto;
}
#twitter{
	margin:0 auto;
	width:800px;
	text-align:center;
}
#tab-header
{
	font-size:21px;
}
#bottom-border{
	border-top: solid 2px black;
	padding:15px 0;
}
.web-left{
	text-align:left !important;
}
/*Media Queries*/

/* Landscape phones and down */
@media (max-width: 480px) { 
#wrapper{
	width:auto;
 }
 #home{
	 height:2200px;
 }
 #website-mar{
	 height:1600px;
 }
 h1{
	font-size:18px;
}
h3{
	font-size:21px;
	font-weight:normal;
}
.web-left{
	text-align:left !important;
	font-size:21px;
}
#tab-header
{
	font-size:15px;
}
#menu {
		display:none;
	}
	
.slicknav_menu {
		display:block;
	}
 nav{
	width:auto;
}
nav a {
	font-size:14px;
}
header{
	width:auto;
	height:115px;
	margin-bottom:85px;
}
#logo{
	width:90%;
	height:90%;
}
#keyboard{
	width:25%;
	height:55%;
	padding: 0 0 0 43px;
}
header li{ 
	font-size:8px;
}
header ul {
	margin-top: 0;
	padding-left: 111px;
	padding-top: 104px;
}
#consultation {
	width: auto;
}
#twitter{
	width:auto;
}
#more{
	margin-bottom:75px;
}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
#wrapper{
	width:auto;
}
header{
	width:auto;
	height: 131px;
}
header li{
	font-size:12px;
}
nav{
	width:auto;
}
#menu a {
	font-size:18px;
}
#more p{
	text-align:center;
}
#consultation{
	width:auto;
}
#consultation p{
	font-size:12px;
}
section{
	height:1100px;
}
#consultation{
	width:910px;
}
#more{
	height:900px;
}
#website-man {
	height: 300px;
}
#website-mar {
	height: 600px;
}
#website-des {
	height: 300px;
}
#how-can-we-help {
	height: 700px;
}
 }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
#wrapper{
	width:auto;
}
nav{
	width:auto;
}
section{
	height:1100px;
}
#consultation{
	width:910px;
}
#more{
	height:900px;
}
#website-man {
	height: 300px;
}
#website-mar {
	height: 600px;
}
#website-des {
	height: 300px;
}
#how-can-we-help {
	height: 700px;
}
#menu a {
	font-size:18px;
	padding:8px;
}
 }

/* Large desktop */
@media (min-width: 1200px) { 
#wrapper{
	width:1000px;
}
header{
	width:950px;
	height:143px;
}
header ul{
	padding-left: 648px;
}
header img {
	margin-right: 36px
}
nav{
	width:1000px;
}
#menu a{
	padding:0 10px;
}
#how-are-we-different p{
	text-align:center;
}	
section{
	height:1000px;
}
#consultation{
	width:910px;
}
#more{
	height:900px;
}
#website-man {
	height: 300px;
}
#website-mar {
	height: 600px;
}
#website-des {
	height: 300px;
}
#how-can-we-help {
	height: 700px;
}
}