body {
			text-align: center;
			background-color: #726f6e;
			margin: 0 auto 0 auto;
			}


#wrapper {
	background-color: #726f6e;
	color: black;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px 0 20px;
	width: 75%;
	text-align: center;
}

#header {
	background-image: url("https://www.ikoyichapmans.co.uk/images/bar_header.png");
	margin: 0;
	padding: 30px 0 10px 0;
	height: 210px;
	width: 100%;
}


#header p {
	float: left;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
  font-size: 57px;
  color: black;
  margin: 0;
  padding: 50px 0 0 10px;
}

img.border1 {
	padding: 10px;
}


#header.top_nav_bar nav {
	float: right;
	text-align: right;
	margin: 50px 0 0 0;
}


img.border {
	padding: 65px 10px 0 0;
}

#wrapper p.heading {
	font-family: 'Open Sans', sans-serif;
  font-size: 25px;
  color: white;
}

#wrapper p {
	font-family: 'Open Sans', sans-serif;
  font-size: 30px;
  color: white;
}

#wrapper a:link, #wrapper a:visited {
 	color: rgb(223, 117, 20);
 	font-family: 'Open Sans', sans-serif;
  font-size: 30px;
 	text-decoration: none;
}

#wrapper a:hover {
 	color: white;
 	text-decoration: underline;
}


.table {
	margin-top: 10px;
}

table {
		border-collapse: separate;
    border-spacing: 10px 20px;
  }

table.center {
    width:56%; 
    margin-left:22%; 
    margin-right:22%;
  }
  
  .input-choice {
	font-family: 'Open Sans', serif;
  font-size: 18px;
  color: black;
  padding: 5px;
  text-align: left;
}

.input-info {
	font-family: 'Oswald', serif;
  font-size: 18px;
  color: black;
  padding: 5px;
  text-align: left;
}

select, input[type="text"]{
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

/* form elements */

input[type="text"] {
  display: block;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  -ms-border-radius: none;
  -o-border-radius: none;
  border-radius: none;
}
input[type="text"]:focus {
  outline: none;
}

.inputs input[type="text"] {
  padding: 5px;
  border: solid 5px #c9c9c9;
  -webkit-transition: border 0.3s;
  -moz-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s;
}
.inputs input[type="text"]:focus, .inputs input[type="text"].focus {
  border: solid 5px #969696;
}

	.styled-select select {
   background: transparent;
   width: 100%;
   padding: 5px;
   font-size: 16px;
   font-family: "Open Sans", sans-serif;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }
   
   .styled-select {
   width: 100%;
   height: 34px;
   overflow: hidden;
   background: url(http://www.xtsgroup.co.uk/images/new_arrow.jpg) no-repeat right white;
   border: 5px solid #c9c9c9;
   }
   
    select.round { 
  width: 50px;
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
	color: black;
	background: white;
	padding: 5px 5px 5px 10px;
	border: 1px solid #666666;
	-webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
   
   textarea.text-area {
   width: 95%;
   height: 120px;
   padding: 5px;
   font-size: 16px;
   font-family: "Open Sans", sans-serif;
   border: 5px solid #c9c9c9;
   }
   
	textarea.text-area:focus {
  border: solid 5px #969696;
	}
   
   
   .center button {
    width: 100%;
    height: 40px;
    background: #FF5733;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #e15960;
    color: #fff;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    outline: none;
    cursor: pointer;
		}

		.center button:hover {
    background: #ff7b81;
		}
		
		
   .results button {
    width: 100%;
    height: 40px;
    background: #FF5733;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #e15960;
    color: #fff;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    outline: none;
    cursor: pointer;
		}

		.results button:hover {
    background: #ff7b81;
		}
		
		
		.button a:link, .button a:visited {
		width: 100%;
    height: 40px;
    background: #FF5733;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #e15960;
    color: #fff;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    outline: none;
    cursor: pointer;
		}

		.button a:hover {
    background: #ff7b81;
		}


#footer {
	background-color: #726f6e;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: white;
  padding: 0 0 10px 50px;
}


@media screen and (max-width: 768px) {
	body {-webkit-text-size-adjust: none;}
	
	
	#wrapper {
		width: 100%;
		padding: 0;
	}
	
	h1 {
		font-family: "Avenir Next", "Avenir", sans-serif;
		font-size: 20px;
  	color: white;
  }
  
h2 {
		font-family: "Avenir Next", "Avenir", sans-serif;
		font-size: 15px;
  	color: white;
  }
	
	#header {
	background-image: url("https://www.ikoyichapmans.co.uk/images/bar_header_mobile.png");
	margin: 0;
	padding: 100px 0 0 0;
	width: 100%;
}
	
	#header p {
  font-size: 30px;
  padding: 20px 0 20px 0;
	}
	


img.border1 {
	padding: 0;
}
	
		#menuToggle
	{
  top: 20px;
  left: 20px;
	}
	
	
	table.center {
    width:98%; 
    margin-left:1%; 
    margin-right:1%;
  }
  
  table.results {
    width:98%; 
    margin-left:1%; 
    margin-right:1%;
  }
  
  #footer {
	text-align: center;
	font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: white;
  padding: 60px 0 0 0;
}
}