@import url("font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic");


/***********************************************************

	Reset: http://meyerweb.com/eric/tools/css/reset/

 ***********************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /*font: inherit;*/  /*  Comment out otherwise <i> tags don't work  */
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}


body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


/***********************************************************

	Box sizing & Clearfix

 ***********************************************************/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}



/***********************************************************

	Flexbox

 ***********************************************************/
/*  Credits: http://stackoverflow.com/questions/90178/make-a-div-fill-the-height-of-the-remaining-screen-space  */
html,
body {
  height: 100%;
}


.flex_box {
  display: flex;
  flex-flow: column;
  height: 100vh;
}


.flex_box .flex_row {
  flex: 0 1 30px;
}

.flex_box .flex_row.flex_header {
  flex: 0 1 auto;
}

.flex_box .flex_row.flex_content {
  flex: 1 0 auto;
}

.flex_box .flex_row.flex_footer {
  flex: 0 1 auto;
}



/***********************************************************

	Base tags

 ***********************************************************/

/*  Fade-in courtesy of: http://codepen.io/bluehaus/pen/EfGyi  */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

body {
	/*background-color: white;*/
	font-family: Roboto, "Helvetica Neue", Helvetica, "Lucida Grande", Arial, sans-serif;
	font-size: 16pt;
	line-height: 1.5;
	font-weight: 300;
	color: rgb(80, 80, 80);
	-webkit-text-stroke: 0.1px;
	width: 100%;
	margin: 0 auto;


	/*  Fade-in courtesy of: http://codepen.io/bluehaus/pen/EfGyi  */
	opacity:0;  /* make things invisible upon start */

	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-delay: 0.0s;
	-moz-animation-delay: 0.0s;
	animation-delay: 0.0s;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}


/***********************************************************

	Headings

 ***********************************************************/
h1 {
	font-size: 56pt;
	font-weight: 600;
	color: rgba(250, 165, 47, 0.8);
  -webkit-font-smoothing: antialiased;
}


h2 {
	font-size: 36pt;
}


h3 {
	font-size: 28pt;
}


h4 {
	font-size: 22pt;
}


h5 {
	font-size: 18pt;
}


h6 {
	font-size: 16pt;
}

h2, h3, h4, h5, h6 {
  text-align: center;
	line-height: 1.5em;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;    /* This makes fonts seem more 'refined' */
  /*letter-spacing:0.0em;*/
}


/***********************************************************

	Body of document... Content

 ***********************************************************/

 /*
.DM_section {
	position: relative;
	width:100%;
	z-index: 100;
	background-color:white;
	text-align: center;
}
*/

.DM_content {
	width:100%;
  max-width:1100px;
	margin:0 auto;
	padding-left: 50px;
  padding-right: 50px;
	text-align: center;
}


.DM_section {
  width: 100%;
  display: inline-block;
  margin:0 auto;
	text-align: left;
}

.DM_section_heading {
  display: inline-block;
  margin:0 auto;
  text-align: center;
}

p {
  font-size: 14pt;
  padding-bottom: 1em;
}

.DM_base_font_size {
  font-size: 14pt;
}

.DM_bigger_font_size {
  font-size: 16pt;
}

.DM_smaller_font_size {
  font-size: 12pt;
}

.DM_smallest_font_size {
	font-size: 10pt;
}

ul {
	padding-left:20px;
}


li {
	list-style-type: disc;
  font-size: 14pt;
	padding-bottom:10px;
}


/***********************************************************

	Basic colours

 ***********************************************************/
/*

  Yellow was rgb(210, 125, 7) in the revised website

  Need to decide between rgb(210, 125, 7), rgb(220, 135, 17) and rgb(230, 145, 27)
*/

.DM_font_colour_aqua {
	color: rgb(17, 105, 140);
}

.DM_font_colour_yellow {
	color: rgb(238, 154, 37);
}

.DM_font_colour_red {
	color: rgb(238, 80, 80);
}

.DM_font_colour_faded_white {
	color: rgba(255, 255, 255, 0.9);
}

.DM_font_colour_white {
	color: rgba(255, 255, 255, 1.0);
}

.DM_font_base_colour {
	color: rgb(80, 80, 80);
}

.DM_font_colour_light_grey {
	color: rgb(160, 160, 160);
}

.DM_background_aqua {
 	background-color: rgb(17, 105, 140);
 }

.DM_background_yellow {
	background-color: rgb(220, 135, 17);
 }

 .DM_grayscale {
   /*  Credit Adam's answer from 26 Sept 2013 here: https://stackoverflow.com/questions/19028891/change-color-of-image-to-greyscale-in-html5 */
   -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
   -webkit-transition: all 1.0s ease;  /*  this transition credit to Pranav's answer from 16 Feb 2016 here: https://stackoverflow.com/questions/35426005/graysclae-to-original-automatic-image-transition-in-css  */
}

 .DM_grayscale:hover {
   -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
   -webkit-transition: all 1.0s ease;
}


/***********************************************************

	Borders

 ***********************************************************/
.DM_border_top {
	border-top:solid 1px rgb(17, 105, 140);
}

.DM_border_bottom {
	border-bottom:solid 1px rgb(17, 105, 140);
}

.DM_border_2px {
	border-width: 2px;
}

.DM_border_3px {
	border-width: 3px;
}

.DM_border_5px {
	border-width: 5px;
}

.DM_border_8px {
	border-width: 10px;
}

.DM_border_8px {
	border-width: 10px;
}

.DM_border_aqua {
	border-color: rgb(17, 105, 140);
}

.DM_border_yellow {
	border-color: rgb(238, 154, 37);
}

.DM_thin_line_top {
  border-top:1px solid rgba(17, 105, 140, 1.0);  
}

.DM_thin_line_bottom {
  border-bottom:1px solid rgba(17, 105, 140, 1.0);  
}

.DM_thin_heading_underline {
  display:inline-block;
  padding-bottom:10px;
  border-bottom:1px solid rgba(17, 105, 140, 0.8);
  margin-bottom: 1em;
}


/***********************************************************

	Buttons

 ***********************************************************/
 .DM_img_button {
	-webkit-appearance: none;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
}

.DM_img_button:hover {
	opacity: 0.7;
	text-decoration: none;
	border-bottom: none;
}
/**/


.DM_text_button {

	-moz-transition: background-color 0.25s ease-in-out;
	-webkit-transition: background-color 0.25s ease-in-out;
	-ms-transition: background-color 0.25s ease-in-out;
	transition: background-color 0.25s ease-in-out;
	display: inline-block;
	min-width:170px;
	max-width:300px;
	line-height:2.5em;
	padding-left:0.5em;
	padding-right:0.5em;
	border-radius: 10px;
	border: 1px solid rgba(250, 250, 250, 0.7);
	font-size: 16pt;
	text-align: center;
	/* background-color: rgba(110, 200, 178, 1.0); */
  background-color: rgba(238, 154, 37, 1.0);
	/*box-shadow: inset 0 0 0 1px rgb(200, 200, 200);*/
	color: white;
  -webkit-font-smoothing: antialiased;
}


.DM_text_button:hover {
  opacity: 0.9;
  color: rgba(255, 255, 255, 1.0);
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.0);	/*  It's a frig because there's already a border. If we set this to "none", the screen shifts up! */
  cursor: pointer;
}


.DM_text_button_outline {

	-moz-transition: background-color 0.25s ease-in-out;
	-webkit-transition: background-color 0.25s ease-in-out;
	-ms-transition: background-color 0.25s ease-in-out;
	transition: background-color 0.25s ease-in-out;
	display: inline-block;
	min-width:170px;
	max-width:300px;
	line-height:2.5em;
	padding-left:0.5em;
	padding-right:0.5em;
	border-radius: 10px;
	border: 1px solid rgba(238, 154, 37, 1.0);
	font-size: 16pt;
	text-align: center;
	/* background-color: rgba(110, 200, 178, 1.0); */
  background-color: white;
	/*box-shadow: inset 0 0 0 1px rgb(200, 200, 200);*/
	color: rgb(238, 154, 37);
  -webkit-font-smoothing: antialiased;
}


.DM_text_button_outline:hover {
  opacity: 0.9;
	border: 1px solid rgba(238, 154, 37, 0.7);
  color: rgba(238, 154, 37, 0.7);
	text-decoration: none;
	/*border-bottom: 1px solid rgba(255, 255, 255, 0.0);	/*  It's a frig because there's already a border. If we set this to "none", the screen shifts up! */
  cursor: pointer;
}


.DM_text_button_red {

	-moz-transition: background-color 0.25s ease-in-out;
	-webkit-transition: background-color 0.25s ease-in-out;
	-ms-transition: background-color 0.25s ease-in-out;
	transition: background-color 0.25s ease-in-out;
	display: inline-block;
	min-width:170px;
	max-width:300px;
	line-height:2.5em;
	padding-left:0.5em;
	padding-right:0.5em;
	border-radius: 10px;
	border: 1px solid rgba(238, 80, 80, 1.0);
	font-size: 16pt;
	text-align: center;
	/* background-color: rgba(110, 200, 178, 1.0); */
  background-color: white;
	/*box-shadow: inset 0 0 0 1px rgb(200, 200, 200);*/
	color: rgb(238, 80, 80);
  -webkit-font-smoothing: antialiased;
}


.DM_text_button_red:hover {
  opacity: 0.9;
	border: 1px solid rgba(238, 80, 80, 0.7);
  color: rgba(238, 80, 80, 0.7);
	text-decoration: none;
	/*border-bottom: 1px solid rgba(255, 255, 255, 0.0);	/*  It's a frig because there's already a border. If we set this to "none", the screen shifts up! */
  cursor: pointer;
}


/***********************************************************

	Footer

 ***********************************************************/
.DM_footer {
	background:rgb(200, 200, 200);
	box-shadow: inset 0 1px 0 0 #e6e6e6;
}

.DM_SM_links {
	-moz-transition: background-color 0.25s ease-in-out;
	-webkit-transition: background-color 0.25s ease-in-out;
	-ms-transition: background-color 0.25s ease-in-out;
	transition: background-color 0.25s ease-in-out;
	display: inline-block;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	border: 0;
	/* box-shadow: inset 0 0 0 1px rgb(200, 200, 200); */
	box-shadow: inset 0 0 0 1px rgb(160, 160, 160);
	border-radius: 100%;
	color: #888;

	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60%;
}

.DM_SM_links:hover {
 	opacity: 1.0;
 	border-bottom:none;
	background-color: rgba(17, 105, 140, 0.25);
}

.DM_footer_copyright {
  display:inline-block;
  text-align: center;
  padding-top:1.0em;
}

.DM_footer_links {
  position:relative;
  display:inline-block;
  margin: 0 auto;
  text-align: center;
  padding-top:0.0em;
  z-index:1000;
}

.DM_footer_link {
  font-size: 11pt;
	padding-left:0.5em;
	padding-right:0.5em;
}

.DM_footer_eco_section {
  display:inline-block;
  width:50%; 
  max-width:500px; 
  margin: 0 auto;
}
  
.DM_grayscale_footer_logo {
  /*  Credit Adam's answer from 26 Sept 2013 here: https://stackoverflow.com/questions/19028891/change-color-of-image-to-greyscale-in-html5 */
  opacity:0.03;
  -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -webkit-transition: all 1.0s ease;  /*  this transition credit to Pranav's answer from 16 Feb 2016 here: https://stackoverflow.com/questions/35426005/graysclae-to-original-automatic-image-transition-in-css  */
}

.DM_grayscale_footer_logo:hover {
  opacity:0.1;
  -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -webkit-transition: all 1.0s ease;
}



/***********************************************************

	Images

 ***********************************************************/
.DM_round_cornered_image {
	border-radius: 10px;
	display: inline-block;
	max-height:100%;
	max-width:100%;
	margin: 0 auto;
}

/***********************************************************

	Input fields

 ***********************************************************/
.DM_input_field {
  height: 40px;
  font-size: 14pt;
  font-weight: lighter;
  color: rgb(80, 80, 80);
  padding-left: 10px;
  background-color: rgba(17, 105, 140, 0.1);
}

.DM_input_field_short {
  width:190px;
}

.DM_input_field_long {
  width:400px;
}

.DM_form_field_on_left {
  float: left;
}

.DM_form_field_on_right {
  float: right;
}


/***********************************************************

	Links

 ***********************************************************/
a {
	color: rgb(210, 125, 7);
	text-decoration: none;
  cursor: pointer;
}

a:hover {
	/*color: rgb(100, 100, 140);*/
  opacity: 0.8;
	/*border-bottom: dotted 1px;*/

	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}


.DM_pointer_link_a {
	-webkit-appearance: none;
	cursor: pointer;
}

.DM_pointer_link_a:hover {
	opacity: 0.8;
	text-decoration: none;
	border-bottom: none;
}

.DM_this_links {
 -webkit-appearance: none;
 cursor: pointer;
}

.DM_this_links:hover {
 opacity: 0.8;
 text-decoration: none;
 border-bottom: none;
}


/***********************************************************

	Logo & menu area

 ***********************************************************/
.DM_top_menu_overall_area {
  position: fixed;
	width:100%;
	margin: 0 auto;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:30px;
	padding-right:30px;
	background: rgb(248,248,248, 0.9);   /*  Same colour as the footer  */
	border-bottom: 1px solid rgb(17, 105, 140);
	z-index: 999;
}

.DM_header_logo {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  width:45%; 
  min-width: 160px; 
  max-width: 500px;
  padding-bottom:5px;
  z-index:1000; 
}

.DM_hacked_logo_area_for_fixed_overall_menu_area {
    display: block;
    padding-bottom:15px;
}

.DM_top_menu_download_buttons {
  display: inline-block;
  float: right;
  width:40%;
}

.DM_top_menu_non_burger_menu {
  display: inline-block;
}

.DM_burger {
  display: none;
}

.DM_floating_top_menu {
  display: none;
  position: fixed;
  top: 0px;
  right: 0px;
  background: rgb(17, 105, 140);
  height:100%;
  width: 100%;
  opacity: 0.98;
  text-align:center;
  line-height: 3; 
  letter-spacing: 0.1em; 
  white-space: nowrap;
}

.DM_close_floating_top_menu {
  top:0px; 
  right: 20px;
  text-align: right; 
  width:5%;
  min-width:30px; 
  max-width:40px; 
}

.DM_top_menu_link_a {
	-webkit-appearance: none;
	cursor: pointer;
  font-size: 18pt;
  font-size: 14pt;
  padding-left:1.5em;
	color: rgb(238, 154, 37);
	text-decoration: none;
}

.DM_top_menu_link_a:hover {
	opacity: 0.8;
	text-decoration: none;
	border-bottom: none;
  /*color: white;*/
}


/***********************************************************

	Miscellaneous

 ***********************************************************/
 .DM_fine_horizontal_line {
   padding-top:10px;
   padding-bottom:10px;
   display: inline-block;
   text-align: center;
   box-sizing: border-box;
   -webkit-box-direction: normal;
   -webkit-hyphens: manual;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: rgba(17, 105, 140, 0.75);
   -webkit-font-smoothing: antialiased;
   overflow: hidden;
 }

 .DM_generic_pointer_on_hover {
	-webkit-appearance: none;
	cursor: pointer;
}

.DM_generic_pointer_on_hover:hover {
	text-decoration: none;
	border-bottom: none;
}


.DM_image_at_top_of_child_page {
  width: 100%;
  height: 350px;
}


/***********************************************************

	Miscellaneous

 ***********************************************************/
.DM_small_size_hides {
	display:block;
}

.DM_small_size_shows {
	display:none;
}

.DM_generic_v_gap_between_sections {
  height:5.0em;
}

.DM_generic_small_v_gap_between_sections {
  height:2.0em;
}


/***********************************************************

	Child pages - generic

 ***********************************************************/
.DM_v_gap_at_top_of_child_page_under_image {
  height:3.0em;
}


/***********************************************************

	Specific page: Home page

 ***********************************************************/
/*
.DM_vimeoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}
*/
.DM_vimeoWrapper iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.DM_home_page_gap_between_h1_and_h3 {
  height:2.0em;
}

.DM_home_page_play_button {
  left:0px; 
  bottom:60px;
  padding-left:5%;
}

.DM_home_page_stop_button {
  left:0px; 
  bottom:60px;
  padding-left:5%;
}

.DM_home_page_gap_to_very_best_strapline {
  height:1.5em;
}
  
.DM_HP_sectors_food_and_drink {
  float: left;
  width: 33%;
  text-align: left;
  padding-right: 45px;
}

.DM_HP_sectors_shopping {
  float: left;
  width: 33%;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
}

.DM_HP_sectors_entertainment {
  float: right;
  width: 33%;
  text-align: left;
  padding-left: 45px;
}

.DM_home_page_journey_gap_after_title {
    height:0.5em;
}

.DM_home_page_journey_gallery_for_wide {
    display:block;
}

.DM_home_page_journey_gallery_for_narrow {
    display:none;
}

.DM_home_page_testimonials_gap_to_top_quotes {
  height:1.0em;
}

.DM_home_page_testimonial {
  min-height:150px;
}

.DM_home_page_testimonial_v_gap_between_testimonials {
  display:block;
  height:1.5em;
}

.DM_testimonial_commenter_image {
  width: 30%;
  min-width: 80px;
  max-width: 120px;
  vertical-align: middle;
}

.DM_home_page_testimonial_left {
  float:left;
  width:50%;
  padding-left: 50px;
  padding-right: 30px;
}

.DM_home_page_testimonial_right {
  float:right;
  width:50%;
  padding-left: 30px;
  padding-right: 50px;
}

.DM_testimonial_quote {
  font-size: 12pt;
}

.DM_testimonial_quoter {
  font-size: 10pt;
}

.DM_home_page_testimonials_gap_to_bottom_quotes {
  height:1.5em;
}

.DM_home_page_v_gap_after_testimonials_section {
  height:5.0em;
}

.DM_home_page_bus_owners_left_section {
  width: 25%;
  max-width: 250px;
}

.DM_home_page_bus_owners_middle_section {
  width: 25%;
  padding-left: 25px;
}

.DM_home_page_bus_owners_right_section {
  width: 50%;
  min-width: 300px;
  padding-left: 50px;
}

.DM_home_page_whitespace_at_bottom {
  height: 5.0em;
}


/***********************************************************

	Specific page: For Owners & Managers

 ***********************************************************/
.DM_owners_overview_for_wide {
  display: flex;
}

.DM_owners_overview_for_narrow {
  display: none;
}

.DM_owners_overview_section_heading {
  width:80%; 
  max-width:600px;
}

.DM_owners_overview_v_gap_to_and_from_title {
  height:3.0em;
}
  
.DM_owners_overview_left_col, .DM_owners_overview_right_col {
  float:left;
  width:30%;
  text-align:left;
}

.DM_owners_overview_right_col {
  float:right;
}

.DM_owners_overview_instance_heading {
    padding-bottom:10px;
}

.DM_owners_overview_instance_blurb {
  text-align: center;
}

.DM_owners_overview_v_gap_between_instances {
  height: 2.5em;
}
  
.DM_owners_overview_phone {
   float:left;
   width:40%;
   display: flex;
   align-items: center;
   padding-left:15px;
   padding-right:15px;
}

.DM_owners_join_gallery_for_wide {
  display: flex;
  width: 100%;
  margin: 0 auto;
  text-align:center;
}

.DM_owners_join_gallery_for_narrow{
  display: none;
}


.DM_owners_join_section {
  width: 100%; 
  padding-left:30px; 
  padding-right:30px;
}

.DM_owners_join_section_heading {
  position:absolute; 
  top:-35px; 
  left:20px; 
  background-image: linear-gradient(white, white, white, rgba(255, 255, 255, 0.0));
}



/***********************************************************

	Specific page: Contact us

 ***********************************************************/
.DM_contact_blurb_1, .DM_contact_blurb_2 {
  float:left; 
  width:60%;
}

.DM_contact_break_between_rows {
  display: none;
}

.DM_contact_photo_1, .DM_contact_photo_2 {
  float:right; 
  width:40%; 
  padding-left:50px;
}

.DM_contact_photo_2 {
  display:none;
}


/***********************************************************

	Specific page: About us

 ***********************************************************/
.DM_about_quotes_image {
  display:inline-block;
  padding-right:1em; 
  width:35%;
  min-width:30px;
  max-width:90px;
}

.DM_about_Oni_side {
  display: inline-block;
  float:left; 
  width:30%; 
  text-align: left;
}

.DM_about_Phil_side {
  display: inline-block;
  float:right; 
  width:30%; 
  text-align: left;
}

.DM_about_Oni_and_Phil_photo {
  float:left; 
  width:40%; 
  min-width: 200px; 
  max-width: 400px; 
  padding-left: 30px; 
  padding-right: 30px;
}

.DM_about_Oni_photo, .DM_about_Phil_photo {
  display:none;
}

.DM_about_v_gap_between_Oni_and_Phil {
  display:none;
}

.DM_about_v_gap_after_journey_heading_undeline {
  height:0.5em;
}
  
.DM_about_journey_gallery_for_wide {
  display:block;
}

.DM_about_journey_gallery_for_narrow {
  display:none;
}

.DM_about_journey_gallery_col {
  width:33%;
  min-width:200px;
  margin: 0 auto;
  vertical-align: middle;
  text-align: center;
}
  
.DM_about_journey_gallery_col_left {
  float:left;
  padding-right:45px;
}
  
.DM_about_journey_gallery_col_middle {
  float:left;
  padding-left:15px;
  padding-right:15px;
}
  
.DM_about_journey_gallery_col_right {
  float:right;
  padding-left:45px;
}
  
.DM_about_journey_gallery_image {  
}

.DM_about_journey_gallery_blurb {
  text-align:center;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:10px;
}


/***********************************************************

	Specific page: Investors - start point (sign in)

 ***********************************************************/
.DM_investor_start_point_form_section { 
  position:relative; 
  float:left; 
  width:60%;
}

.DM_sign_in_form {
  min-height:250px;
}

.DM_investor_start_point_image_section {
  float:right; 
  width:40%; 
  padding-left:50px;
}


/***********************************************************

	Specific page: Investors - self-certification

 ***********************************************************/
.DM_investor_self_cert_form_section { 
  position:relative; 
  float:left; 
  width:60%;
}

.DM_investor_self_cert_image_section {
  float:right; 
  width:40%; 
  padding-left:50px;
}


/***********************************************************

	Specific page: Investors - self-certification completed

 ***********************************************************/
.DM_investors_cert_done_image_to_right {
  float:right; 
  width:40%; 
  padding-left:50px;
}


/***********************************************************

	Specific page: Qualified investors area

 ***********************************************************/
.DM_investors_qualified_area_EIS_v1 {
  display:block;
}

.DM_investors_qualified_area_EIS_v2 {
  display:none;
}

.DM_investors_qualified_area_title_1 {
    width: 75%;
}

.DM_investors_qualified_area_intro_left {
  float:left; 
  width:50%; 
  text-align: left; 
  padding-right:60px;
}

.DM_investors_qualified_area_intro_right {
  float:right; 
  width:50%; 
  text-align: left; 
  border-left: 1px solid rgba(17, 105, 140, 0.8); 
  padding-left: 40px;
}

.DM_investors_qualified_area_EIS_btn {
	-moz-transition: background-color 0.25s ease-in-out;
	-webkit-transition: background-color 0.25s ease-in-out;
	-ms-transition: background-color 0.25s ease-in-out;
	transition: background-color 0.25s ease-in-out;
	display: inline-block;
	border-radius: 10px;
	border: 2px solid rgba(238, 154, 37, 1.0);
  line-height:1.5em;
  height:35px;
	min-width:80px;
	max-width:80px;
  padding-left:0.2em; 
  padding-right:0.2em; 
	font-size: 16pt;
  font-weight:500;
  text-align:center;
  vertical-align:middle;
  background-color: white;
	color: rgb(238, 154, 37);
}

.DM_investors_qualified_area_EIS_btn:hover {
  opacity: 0.9;
	border: 1px solid rgba(238, 154, 37, 0.7);
  color: rgba(238, 154, 37, 0.7);
	text-decoration: none;
  cursor: pointer;
}

.DM_investors_qualified_area_Co_House_img {
  vertical-align:middle;
  height:30px;
}  


.DM_investors_qualified_area_idea_left {
  float:left; 
  width: 75%; 
  padding-right:100px;
}

.DM_investors_qualified_area_idea_right {
  float:right; 
  width:25%; 
}

.DM_investors_qualified_area_Oni_and_me_img {
  float:left; 
  width:40%; 
  padding-right:100px;
}  

.DM_investors_qualified_area_Oni_and_me_blurb {
  float:right; 
  width:60%; 
}  

.DM_investors_qualified_area_invest_now_left {
  float:left; 
  width: 60%; 
  padding-right:100px;
}

.DM_investors_qualified_area_invest_now_right {
  float:right; 
  width:40%; 
}













/******************************************************************************
 ******************************************************************************

	Responsive adjustments

 ******************************************************************************
 ******************************************************************************/
@-ms-viewport {
	width: device-width;
}


/**********************************************

	Device sizing

 **********************************************/
@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }



/**********************************************

	Deal with mobile device-specifics for 
  touch devices that don't have hover devices
  like a mouse

 **********************************************/
@media (hover: none) {

  .DM_grayscale {
   -webkit-filter: grayscale(20%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  }

  .DM_grayscale_footer_logo {
    display:none;
  }

  .DM_footer_eco_section {
    display: none;
  }  

}

/**********************************************

  Up to 1111px wide which is the step below 
  an iPad Pro.
  
	Needed for narrower desktop browser widths
  and entry-level iPad

 **********************************************/
@media all and (max-width: 1111px) {

  /********************************
    Logo & menu
   ********************************/
  .DM_top_menu_overall_area {
    padding-bottom: 0px;
  }

  .DM_header_logo {
    padding-bottom: 10px;
  }

  .DM_hacked_logo_area_for_fixed_overall_menu_area {
    padding-bottom:15px;
  }
  
  .DM_top_menu_link_a {
    font-size: 12pt;
    padding-left:1.5em;
  }

  /********************************
      Specific page: Contact us
  *********************************/
  .DM_contact_break_between_rows {
    display: block;
    clear:both;
    height:3.0em;
  }

  .DM_contact_photo_2 {
    display:block;
  }

  /********************************
  	Specific page: Qualified 
    investors area
  *********************************/
  .DM_investors_qualified_area_EIS_v1 {
    display:none;
  }

  .DM_investors_qualified_area_EIS_v2 {
    display:block;
  }
  

}


/**********************************************

  Up to 930px wide
  
	Needed for narrower desktop browser widths

 **********************************************/
@media all and (max-width: 930px) {

  /********************************
    Logo & menu
   ********************************/
  .DM_top_menu_link_a {
    font-size: 11pt;
    padding-left:1.5em;
  }
}


/**********************************************

  Up to 768px wide
  
	iPad mini

 **********************************************/
@media all and (max-width: 768px) {


  /*  Original sizings
  h1 {
  	font-size: 56pt;
  }

  h2 {
  	font-size: 36pt;
  }

  h3 {
  	font-size: 28pt;
  }

  h4 {
  	font-size: 22pt;
  }

  h5 {
  	font-size: 18pt;
  }

  h6 {
  	font-size: 16pt;
  }
  
  p {
    font-size: 14pt;
    padding-bottom: 1em;
  }

  .DM_base_font_size {
    font-size: 14pt;
  }

  .DM_bigger_font_size {
    font-size: 16pt;
  }

  .DM_smaller_font_size {
    font-size: 12pt;
  }

  .DM_smallest_font_size {
  	font-size: 10pt;
  }
  */

  /********************************
    Font sizes
   ********************************/
	h1 {
		font-size: 44pt;
	}

	h2 {
		font-size: 28pt;
	}

	h3 {
		font-size: 22pt;
	}

	h4 {
		font-size: 20pt;
	}

	h5 {
		font-size: 18pt;
	}

  h6 {
  	font-size: 16pt;
  }
  
	p {
		font-size: 14pt;
	}

  .DM_smaller_font_size {
    font-size: 12pt;
  }

  li {
    font-size: 12pt;
  }

  /********************************
    Buttons
   ********************************/
	.DM_text_button, .DM_text_button_outline {
		min-width:140px;
		line-height:2.5em;
		font-size: 14pt;
  	padding-left:1.0em;
  	padding-right:1.0em;
	}

  /********************************
    Logo & menu
   ********************************/
  .DM_top_menu_overall_area {
      padding-left: 20px;
      padding-right: 20px;
  }
  
  .DM_top_menu_link_a {
    font-size: 10.5pt;
    padding-left:1.0em;
  }

  /********************************
    Footer
   ********************************/
  .DM_SM_links {
  	width: 2.0em;
  	height: 2.0em;
  	line-height: 2.0em;
  }
  
  .DM_footer_link {
    font-size: 11pt;
  }
  
  .DM_footer_eco_section {
    width:100%; 
  }
  
  /********************************
  	Miscellaneous
  *********************************/
  .DM_generic_v_gap_between_sections {
    height:3.0em;
  }
  

  /********************************
    Child pages - generic
   ********************************/
  .DM_image_at_top_of_child_page {
    height: 250px;
  }

  /********************************
  	Specific page: Home page
  *********************************/
  .DM_home_page_gap_between_h1_and_h3 {
    height:1.0em;
  }

  .DM_home_page_play_button {
    bottom:25px;
    left:0px; 
    padding-left:5%;
  }

  .DM_home_page_stop_button {
    display:none;
  }

  .DM_home_page_DM_journey {
    padding-left: 0px;
    padding-right: 0px;
  }

  .DM_home_page_testimonial {
    min-height:150px;
  }

  .DM_home_page_testimonial_left {
    padding-left: 0px;
    padding-right: 10px;
  }

  .DM_home_page_testimonial_right {
    padding-left: 10px;
    padding-right: 0px;
  }
  
  .DM_home_page_v_gap_after_testimonials_section {
    height:2.0em;
  }

  .DM_home_page_bus_owners_left_section {
    width: 30%;
    max-width: 200px;
  }
  
  .DM_home_page_bus_owners_middle_section {
      display:none;
  }

  .DM_home_page_bus_owners_right_section {
    width: 70%;
    min-width: 150px;
    padding-left: 50px;
  }
  
  .DM_home_page_whitespace_at_bottom {
    height: 2.0em;
  }

  /********************************
  	Specific page: Owners & managers
  *********************************/
  .DM_owners_overview_section {
    padding-left: 25px;
    padding-right: 25px;    
  }
  
  .DM_owners_overview_v_gap_to_and_from_title {
    height:2.0em;
  }
  
  .DM_owners_overview_left_col, .DM_owners_overview_right_col {
    width:30%;
  }

  .DM_owners_overview_instance_heading {
      font-size: 16pt;
      padding-bottom:5px;
  }

  .DM_owners_overview_v_gap_between_instances {
    height: 1.5em;
  }
  
  .DM_owners_overview_phone {
     width:40%;
     padding-left:5px;
     padding-right:5px;
  }

  .DM_owners_join_section_heading {
    top:-25px; 
    left:20px; 
  }

  /********************************
  	Specific page: About us
  *********************************/
  .DM_about_quotes_image {
    padding-right:1em; 
    width:30%;
    min-width:40px;
    max-width:90px;
  }

  .DM_about_Oni_side {
    float:left; 
    width:60%; 
  }

  .DM_about_Phil_side {
    float:right; 
    width:60%; 
    margin-top:-50px;
  }

  .DM_about_Oni_and_Phil_photo {
    display:none;
  }

  .DM_about_Oni_photo, .DM_about_Phil_photo {
    display:inline-block;
    width:40%; 
    min-width: 100px; 
    max-width: 400px; 
  }
  
  .DM_about_Oni_photo {
    float:left; 
    padding-right: 40px;
  }

  .DM_about_Phil_photo {
    float:right; 
    padding-left: 40px;
  }
  
  .DM_about_v_gap_between_Oni_and_Phil {
    display:block;
    height:3.0em;
  }
  
  .DM_about_journey_gallery_blurb {
    padding-left:0px;
    padding-right:0px;
    margin-left:-15px;
    margin-right:-15px;
  }

  /********************************
  	Specific page: Contact us
  *********************************/
  .DM_contact_break_between_rows {
    height:1.0em;
  }
  
  /********************************
  	Specific page: Qualified 
    investors area
  *********************************/
  .DM_investors_qualified_area_intro_left {
    padding-right:20px;
  }
  
  .DM_investors_qualified_area_intro_right {
    padding-left:20px;
  }
  
  .DM_investors_qualified_area_idea_left {
    padding-right:50px;
  }

  .DM_investors_qualified_area_Oni_and_me_img {
    padding-right:50px;
  }  

  .DM_investors_qualified_area_invest_now_left {
    padding-right:50px;
  }


}


/**********************************************

  Up to 736px wide
  
	iPhone 8 Plus in landscape

 **********************************************/
@media all and (max-width: 736px) {
  
  /********************************
  	Specific page: Owners & managers
  *********************************/
  .DM_owners_overview_section {
    padding-left: 20px;
    padding-right: 20px;    
  }
  
  .DM_owners_overview_v_gap_to_and_from_title {
    height:2.0em;
  }
  
  .DM_owners_overview_instance_heading {
      font-size: 14pt;
      padding-bottom:5px;
  }
  
  .DM_owners_overview_instance_blurb {
    font-size: 11pt;
  }

  .DM_owners_overview_v_gap_between_instances {
    height: 1.0em;
  }

  /********************************
  	Specific page: Investor - 
    start point (sign in)
  *********************************/
  .DM_investor_start_point_form_section { 
    position:relative; 
    float:left; 
    width:100%;
    padding-left:20px;
    padding-right:20px;
  }

  .DM_investor_start_point_image_section {
    display:none;
  }

  /********************************
  	Specific page: Investor self-cert
  *********************************/
  .DM_investor_self_cert_form_section { 
    position:relative; 
    float:none; 
    width:100%;
    padding-left:20px;
    padding-right:20px;
  }

  .DM_investor_self_cert_image_section {
    display:none;
  }


}


/**********************************************

  Up to 667px wide
  
	iPhone 8 etc. in landscape

 **********************************************/
@media all and (max-width: 667px) {
  
  /********************************
    Font sizes
  *********************************/
	h1 {
		font-size: 36pt;
	}

	h2 {
		font-size: 28pt;
	}

	h3 {
		font-size: 20pt;
	}

	h4 {
		font-size: 18pt;
	}

	h5 {
		font-size: 16pt;
	}

  h6 {
  	font-size: 14pt;
  }
  
	p {
		font-size: 11pt;
	}

  .DM_smaller_font_size {
    font-size: 11pt;
  }

  li {
    font-size: 11pt;
  }

  /********************************
    Buttons
   ********************************/
	.DM_text_button, .DM_text_button_outline {
		min-width:130px;
		line-height:2.2em;
		font-size: 14pt;
  	padding-left:0.8em;
  	padding-right:0.8em;
	}

  /********************************
    Logo & menu
   ********************************/
  .DM_top_menu_link_a {
    font-size: 10pt;
    padding-left:1.0em;
  }

  /********************************
    Footer
   ********************************/
  .DM_footer_link {
    font-size: 10pt;
  }
  
  /********************************
  	Specific page: Home page
  *********************************/
  .DM_home_page_gap_to_very_best_strapline {
    height:1.0em;
  }
  
  .DM_home_page_testimonials_gap_to_top_quotes {
    height:0.0em;
    margin-top: -20px;
  }
  
  .DM_home_page_testimonial_2 {
    display: none;
  }
  
  .DM_home_page_testimonial_3 {
    display: none;
  }
  
  .DM_home_page_testimonial {
    min-height:120px;
  }
  
  .DM_home_page_testimonial_v_gap_between_testimonials {
    display:none;
  }

  .DM_testimonial_commenter_image {
    width: 30%;
    min-width: 80px;
    max-width: 90px;  /*  Should be the same as max-height for DM_home_page_testimonial */
    vertical-align: middle;
  }

  .DM_home_page_testimonial_left {
    float:none;
    display: block;
    width:100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom:10px;
  }

  .DM_home_page_testimonial_right {
    float:none;
    display: block;
    width:100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  
  .DM_testimonial_quote {
    font-size: 11pt;
  }
  
  .DM_testimonial_quoter {
    font-size: 10pt;
  }
  
  .DM_home_page_testimonials_gap_to_bottom_quotes {
    height:0.0em;
    margin-top:-30px;
  }
  

}


/***********************************

	iPhone SE etc. in landscape

/***********************************/
@media all and (max-width : 568px) {

  /********************************
    Font sizes
  *********************************/
	h1 {
		font-size: 28pt;
	}


	h2 {
		font-size: 22pt;
	}


	h3 {
		font-size: 18pt;
	}


	h4 {
		font-size: 15pt;
	}


	h5 {  
		font-size: 14pt;
	}


	h6 {  
		font-size: 12pt;
	}


	p {
		font-size: 11pt;
	}
  
  .DM_smaller_font_size {
		font-size: 10pt;
  }
  
  .DM_smallest_font_size {
    font-size: 8pt;
  }

  li {
    font-size: 11pt;
  }
  

  /********************************
    Buttons
   ********************************/
	.DM_text_button, .DM_text_button_outline {
		min-width:120px;
		line-height:2.2em;
		font-size: 12pt;
  	padding-left:0.6em;
  	padding-right:0.6em;
	}


  /********************************
    Logo & menu
   ********************************/
  .DM_top_menu_link_a {
    font-size: 10pt;
    padding-left:1.0em;
  }
  
  
  /********************************
    Footer
   ********************************/
  .DM_footer_link {
    font-size: 9pt;
  }
  
  /********************************
  	Specific page: Home page
  *********************************/
  .DM_home_page_journey_gap_after_title {
      height:0.0em;
  }

  /********************************
  	Specific page: Owners & managers
  *********************************/  
  .DM_owners_overview_instance_heading {
      font-size: 12pt;
  }
  
  /********************************
  	Specific page: Qualified 
    investors area
  *********************************/
  .DM_investors_qualified_area_title_1 {
      width: 65%;
  }
  
  .DM_investors_qualified_area_summary_info_label {
      font-size:12pt;
  }

}


/**********************************************

	Up to 414px - phones in portrait mode
  iPhone 8 Plus etc.

 **********************************************/
@media all and (max-width: 414px) {

  /********************************
    Base settings
  *********************************/
  .DM_content {
  	padding-left: 20px;
    padding-right: 20px;
  }

	.DM_small_size_hides {
		display: none;
	}

	.DM_small_size_shows {
		display:block;
	}

  /********************************
    Font sizes
  *********************************/
	h1 {
		font-size: 24pt;
	}


	h2 {
		font-size: 20pt;
	}


	h3 {
		font-size: 18pt;
	}


	h4 {
		font-size: 16pt;
	}


	h5 {  
		font-size: 14pt;
	}


	h6 {  
		font-size: 12pt;
	}


	p {
		font-size: 11pt;
	}
  
  .DM_base_font_size {
		font-size: 11pt;
  }
  
  .DM_bigger_font_size {
    font-size: 12pt;
  }

  .DM_smaller_font_size {
		font-size: 10pt;
  }
  
  .DM_smallest_font_size {
    font-size: 8pt;
  }

  li {
    font-size: 11pt;
  }


  /********************************
    Input fields
  *********************************/
  .DM_input_field {
    font-size: 12pt;
  }

  .DM_input_field_long {
    width:100%;
  }

  .DM_form_field_on_left {
    float: none;
    padding-bottom:1em;
  }

  .DM_form_field_on_right {
    float: none;
  }
  
  /********************************
    Logo & menu
   ********************************/
  .DM_header_logo {
    width:60%; 
    min-width: 250px; 
    max-width: 300px; 
    padding-left:0px; 
    padding-right:0px; 
    padding-bottom:0px;
  }

  .DM_top_menu_overall_area {
    position: relative;
  }
  
  .DM_hacked_logo_area_for_fixed_overall_menu_area {
      display: none;
  }

  .DM_top_menu_non_burger_menu {
    display: none;
  }

  .DM_burger {
    display: inline-block;
    float: right;
    width:10%;
    min-width:30px;
    max-width:50px;
    padding-top:5px;
  }
  
  .DM_top_menu_link_a {
    font-size: 18pt;
  }


  /********************************
    Footer
   ********************************/

  /********************************
      Miscellaneous
   ********************************/
  .DM_generic_small_v_gap_between_sections {
    height:1.0em;
  }
  
  /********************************
    Child pages - generic
   ********************************/
  .DM_image_at_top_of_child_page {
    height: 150px;
  }
  
  .DM_top_of_child_page_title {
    padding-left:50px;
    padding-right:50px;
  }

  .DM_v_gap_at_top_of_child_page_under_image {
    height:1.5em;
  }

  /********************************
  	Specific page: Home page
  *********************************/
  .DM_home_page_gap_between_h1_and_h3 {
    height:0.5em;
  }
  
  .DM_home_page_play_button {
    bottom:15px;
    left:0px; 
    padding-left:5%;
  }

  .DM_home_page_stop_button {
    display: none;
  }

  
  .DM_HP_sectors_food_and_drink {
    float: left;
    width: 50%;
    text-align: center;
    padding-right: 20px;
  }

  .DM_HP_sectors_shopping {
    float: right;
    width: 50%;
    text-align: center;
    padding-left: 20px;
    padding-right: 0px;
  }

  .DM_HP_sectors_entertainment {
    display: inline-block;
    width: 50%;
    text-align: center;
    padding-left: 0px;
    padding-right: 20px;
  }

  .DM_home_page_DM_journey {
    padding-left: 0px;
    padding-right: 0px;
  }

  .DM_home_page_journey_gallery_for_wide {
      display:none;
  }

  .DM_home_page_journey_gallery_for_narrow {
      display:block;
  }
  
  
  .DM_home_page_bus_owners_left_section {
    max-width: 150px;
  }
    
  .DM_home_page_bus_owners_right_section {
    padding-left: 30px;
  }

  /********************************
  	Specific page: Owners & managers
  *********************************/
  .DM_owners_overview_for_wide {
    display: none;
  }

  .DM_owners_overview_for_narrow {
    display: block;
  }
  
  .DM_owners_overview_section_heading {
    width:100%; 
  }

  .DM_owners_overview_v_gap_to_and_from_title {
    height:1.5em;
  }
    
  .DM_owners_overview_right_col {
    width:60%;
  }

  .DM_owners_overview_instance_heading {
    text-align: left;
    padding-bottom:10px;
  }

  .DM_owners_overview_instance_blurb {
    text-align: left;
  }

  .DM_owners_overview_v_gap_between_instances {
    height: 1.0em;
  }
    
  .DM_owners_overview_phone {
     width:40%;
     padding-left:0px;
     padding-right:20px;
  }

  .DM_owners_join_gallery_for_wide {
    display: none;
  }
  
  .DM_owners_join_gallery_for_narrow{
    display: block;
  }
  
  .DM_owners_join_section {
    padding-left:20px; 
    padding-right:20px;
  }

  .DM_owners_join_section_heading {
    top:-20px; 
    left:20px; 
  }

  /********************************
  	Specific page: About us
  *********************************/
  .DM_about_Phil_side {
    margin-top:-35px;
  }

  .DM_about_v_gap_after_journey_heading_undeline {
      height:0.0em;
  }
  
  .DM_about_journey_gallery_for_wide {
    display:none;
  }

  .DM_about_journey_gallery_for_narrow {
    display:block;
  }

  .DM_about_journey_gallery_col {
    width:50%;
    min-width:120px;
    margin: 0 auto;
    vertical-align: middle;
    text-align: center;
  }
    
  .DM_about_journey_gallery_col_left {
    float:left;
    padding-right:15px;
  }
    
  .DM_about_journey_gallery_col_right {
    float:right;
    padding-left:15px;
  }

  .DM_about_journey_gallery_image {  
  }

  .DM_about_journey_gallery_blurb {
    padding-left:0px;
    padding-right:0px;
    margin-left:0px;
    margin-right:0px;
  }

  /********************************
  	Specific page: Contact us
  *********************************/
  .DM_contact_photo_1, .DM_contact_photo_2 {
    width:40%; 
    padding-left:20px;
  }

  .DM_contact_break_between_rows {
    height:0.0em;
  }

  /********************************
  	Specific page: Investors - 
    start point
  *********************************/
  .DM_sign_in_form {
    min-height:220px;
  }

  /********************************
  	Specific page: Investors - 
    self-cert completed
  *********************************/
  .DM_investors_cert_done_image_to_right {
    padding-left:20px;
  }

  /********************************
  	Specific page: Qualified 
    investors area
  *********************************/
  .DM_investors_qualified_area_EIS_btn {
    line-height:1.75em;
    height:30px;
  	min-width:60px;
  	max-width:60px;
    padding-left:0.2em; 
    padding-right:0.2em; 
  	font-size: 12pt;
  }
  
  .DM_investors_qualified_area_Co_House_img {
    width:100%;
    height:100%;
  }  

  .DM_investors_qualified_area_idea_left {
    width:100%;
    padding-right:0px;
  }

  .DM_investors_qualified_area_Oni_and_me_img {
    padding-right:20px;
  }  

  .DM_investors_qualified_area_Oni_and_me_blurb {
    float:right; 
    width:60%; 
  }  

  .DM_investors_qualified_area_invest_now_left {
    width: 100%; 
    padding-right:0px;
  }

  .DM_investors_qualified_area_invest_now_right {
    display:none; 
  }


}


/**********************************************

	Up to 375px (iPhone 8, 9, 10 etc)

 **********************************************/
@media all and (max-width: 375px) {

  /********************************
    Font sizes
  *********************************/
  .DM_footer_links {
    padding-left:40px;
    padding-right:40px;
  }

}


/**********************************************

	Up to 320px (iPhone SE etc.)

 **********************************************/
@media all and (max-width: 320px) {

  /********************************
    Font sizes
  *********************************/
	h1 {
		font-size: 20pt;
	}


	h2 {
		font-size: 18pt;
	}


	h3 {
		font-size: 16pt;
	}


	h4 {
		font-size: 14pt;
	}


	h5 {  
		font-size: 12pt;
	}


	h6 {  
		font-size: 12pt;
	}

	p {
		font-size: 10pt;
	}
  
  .DM_smaller_font_size {
		font-size: 9pt;
  }
  
  .DM_smallest_font_size {
    font-size: 8pt;
  }

  li {
    font-size: 10pt;
  }


  /********************************
    Buttons
   ********************************/
	.DM_text_button, .DM_text_button_outline {
		min-width:100px;
		line-height:2.2em;
		font-size: 10pt;
  	padding-left:0.6em;
  	padding-right:0.6em;
	}


  /********************************
    Logo & menu
   ********************************/
  .DM_header_logo {
    width:70%; 
    min-width: 150px; 
    max-width: 250px; 
  }

  .DM_burger {
    min-width:30px;
    max-width:40px;
    padding-top:0px;
  }

  .DM_floating_top_menu {
    line-height: 2.5;
  }

  .DM_close_floating_top_menu {
    top:0px; 
    right: 20px;
    width:5%;
    min-width:25px; 
    max-width:25px; 
  }

  .DM_top_menu_link_a {
    font-size: 16pt;
  }


  /********************************
    Footer
   ********************************/
  .DM_SM_links {
  	width: 1.7em;
  	height: 1.7em;
  	line-height: 1.7em;
  }

  .DM_footer_link {
    font-size: 9pt;
  	padding-left:0.25em;
  	padding-right:0.25em;
  }
  
  
  /********************************
  	Specific page: Home page
  *********************************/
  .DM_testimonial_quote {
    font-size: 10pt;
  }
  
  .DM_testimonial_quoter {
    font-size: 9pt;
  }

  .DM_home_page_bus_owners_left_section {
    max-width: 120px;
  }

  .DM_home_page_bus_owners_right_section {
    padding-left: 20px;
  }
    
  /********************************
    Child pages - generic
   ********************************/
  .DM_image_at_top_of_child_page {
    height: 125px;
  }

  /********************************
  	Specific page: About us
  *********************************/
  .DM_about_Phil_side {
    margin-top:-25px;
  }

  .DM_about_journey_gallery_col_left {
    padding-right:10px;
  }
    
  .DM_about_journey_gallery_col_right {
    padding-left:10px;
  }

  /********************************
  	Specific page: Qualified 
    investors area
  *********************************/
  .DM_investors_qualified_area_title_1 {
      width: 75%;
  }
  
  .DM_investors_qualified_area_summary_info_label {
      font-size:11pt;
  }

  .DM_investors_qualified_area_EIS_btn {
    line-height:2.0em;
    height:30px;
  	min-width:50px;
  	max-width:50px;
    padding-left:0.2em; 
    padding-right:0.2em; 
  	font-size: 11pt;
  }
  

  
}