body {
	max-width: 600px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-color: white;
	font-size: 16px;
	font-weight: 200;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: black;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	    -ms-flex-direction: column;
  	        flex-direction: column;
  	height: 100vh;
}

.content {
  	-webkit-box-flex: 1;
  	    -ms-flex: 1 0 auto;
  	        flex: 1 0 auto;
}
section {margin: 1.5em;}

footer {-ms-flex-negative: 0;flex-shrink: 0;}

a {
	text-decoration: none;
	text-align: center;
	color: black;
}
/* visited link */
a:visited {color: black;}
/* mouse over and selected link */
a:hover, a:active {color: #b8352e;}


h2 {
	font-size: 120%;
	font-weight: 200;
  	letter-spacing: .09em;
  	text-transform: lowercase;
}

#logo {
	margin: 5em auto;
	max-width: 60%;
	width: 100%;
	display: block;
}

.flex-index-container {
   	display: -webkit-box;
   	display: -ms-flexbox;
   	display: flex;
   	-webkit-box-pack: center;
   	    -ms-flex-pack: center;
   	        justify-content: center;
   	-webkit-box-orient: horizontal;
   	-webkit-box-direction: normal;
   	    -ms-flex-flow: row nowrap;
   	        flex-flow: row nowrap;
}
.flex-index-child {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 auto;
	        flex: 0 1 auto;
	padding: 0;
	margin: 0;
}
.flex-index-child img {
	max-width: 2em;
	height: 100%;
	width: 100%;
}

.enquiries {
	margin: 5em auto;
	max-width: 60%;
	width: 100%;
}

#legal {
	color: gray;
	font-size: 60%;
	padding: 1.5em;
	width: calc(100% - 3em);
}






/*------ Phones ------*/
@media(max-width:600px){
	html{font-size: 120%;}
}
/*------ Portrait Tablets ------*/
@media(max-width: 601px) and (min-width: 900px){
	html{font-size: 110%;}
}
/*------ Landscape Tablets ------*/
@media(min-width: 901px) and (max-width: 1200px){
	html{font-size: 100%;}
}
/*------ Desktops ------*/
@media(min-width: 1201px) and (max-width: 1800px){
	html{font-size: 100%;}
}
/*------ Large Desktops ------*/
@media(min-width: 1801px) {
	html{font-size: 100%;}
}