@font-face { font-family: 'OpenSans'; src: url('../fonts/opensans.eot'); /* IE9 Compat Modes */ src: url('../fonts/opensans.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/opensans.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/opensans.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/opensans.ttf')  format('truetype'), /* Safari, Android, iOS */ url('../fontsopensans.svg#OpenSans') format('svg'); /* Legacy iOS */ }


/*FONTS & STYLING*/

body{ font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 220%; color: #444; font-weight: 400; overflow-x: hidden; background-color: #FAFBFC;}
p{ margin: 0 0 20px 0; }

h1, .h1{ font-family: "Open Sans", sans-serif; font-size: 4.6em; line-height:1.2em; color: #F39720; font-weight: 300; letter-spacing: -0.05em; margin-top: 15px; }
h2, .h2{ font-family: "Open Sans", sans-serif; font-size: 2em; line-height: 1.2em; color: #F39720; font-weight: 300; letter-spacing: -0.01em }
h3, .h3{ font-family: "Open Sans", sans-serif; font-size: 1.8em; line-height: 1.2em; color: #F39720; font-weight: 300; letter-spacing: -0.01em }
h4, .h4{ font-family: "Open Sans", sans-serif; font-size: 1.4em; line-height: 1.6em; color:  ; font-weight: 600; letter-spacing: -0.03em  }
h5, .h5{ font-family: "Open Sans", sans-serif; font-size: 1.4em; color: #666; font-weight: 600; letter-spacing: -0.02em;  }
h6, .h6{ font-family: "Open Sans", sans-serif; font-size: 1em; color: #555; line-height: 10px; margin-top: -10px; letter-spacing: -0.01em  }
p { font-family: "Open Sans", sans-serif; font-size: 1.1em; line-height: 1.9em; color: #555; font-weight: 400 !important;  }

.services h3, .preface h3,  .preface p { color: #555 !important; text-align: center !important; max-width: 900px; margin-right: auto; margin-left: auto; } 
.services h2, .middle h2, .preface h2, .region-bottom h2, .services h2 { font-size: 3.4em; line-height: 1.6em; letter-spacing: -0.03em; color: #161F2C;   text-align: center;} 
.testimonials  h2 { color: #FFF !important; text-align: center;}
img{ max-width: 100%; }

/*LINKS*/

a{ color: #F39720;}
a:hover, a:active, a:focus { color: #F39720; text-decoration:underline }
ul.links.inline{ padding: 0; }
ul.links.inline li{ list-style: none;}
.main-header{ color: #FFF; margin-bottom: 0px;	}
.main-header nav{ border: 0; margin-top: -15px;  padding-top: 5px; padding-bottom: 10px;  min-height: 10px; position: relative; z-index: 10; }
b, strong { font-weight: 700; }
.main-header .region{ position: relative; z-index: 2;}
#ul.links.inline li{ display: inline-block; padding-right: 10px;}

/*REGIONS*/

.site-branding{ margin: 0; }
.brand.logo{ margin-right: 5px; z-index: 3;}
.region-header .brand{ display: inline-block; vertical-align: middle; line-height: 100%;}
.site-name a{ font-size: 26px; color: #fff;}
.region-slideshow{ color: #222; padding: 0; clear: both; background-color:#FFF; margin-bottom: 0px; }
.top{ background: #FFF; color: #222; padding: 10px 0; margin-bottom: 100px; max-height: 65vh; }
.navbar { position: relative; height: 100px !important; margin-bottom: 0px; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }
.middle{  color: #222; width: 80%;  max-width: 1800px; margin-bottom: 0px;  margin-right: auto; margin-left: auto; clear: both; background-image: url(../images/training.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; }
.preface{ color: #FFF; clear: both; background-color: #FFF !important; width: 100%; }
.preface-first, .preface-second { height: 65vh; width: 50% !important; float: left; clear: none; padding: 0; margin: 0;
background-color: #FFF;  background-image: url(../images/clients.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; }
.services { margin-bottom: 200px; background-color: #FFF; clear: both; margin-top: 0px; margin-bottom: 0px; padding-top: 20px; padding-right: 0; padding-bottom: 20px; padding-left: 0; }
.bottom { min-height: 40vh; background: #161F2C; width: 100% !important; float: left; clear: none; padding: 0; margin-bottom: 30px; padding-top: 0px; margin-bottom: 20px;  }
.bottom h2, .bottom h3, .bottom p, .bottom a:link, .bottom a:hover {color: #FFF !important; text-align: center; }
.continuation {color: #222; clear: both; margin-bottom; 30px; }

/*FOOTER*/

.footer-menu{ margin: 0; border: 0; background: #FFF; color: #CCC;}
.footer-menu ul{ margin: 10px 0; padding: 0; }
.footer-menu nav li{ display: inline-block;}
.footer-menu nav li a{ display: block; padding: 4px 20px 4px 0; }
.google_map iframe{ display: block; }

/*COPYRIGHT*/

.copyright p{ text-align: left;}
.copyright{ width: 67%; float: left; clear: none !important;}


/*SOCIAL MEDIA*/

.social-media p{ text-align: right;}
.social-media{ width: 30%; float: right; clear: none !important;}


/*FORMS*/

input, button, select, textarea{ color: #17242A; padding: 5px; border: 1px solid #CCC;  background: #FFF;}
.contact-message-form label{  display: block;}
.btn, input[type="submit"]{ background: #F39720;color: #FFF; border: 0;  padding: 10px; line-height: 100%; min-height: 45px;}
.btn:hover:hover, .btn-small:hover input[type="submit"]:hover{ background: #74B23A !important; color: #FFF !important; transition: background 0.3s ease 0s;}
.btn-small, input[type="submit"] { background: #F39720 none repeat scroll 0 0; border: 0 none;  color: #FFF; min-height: 30px; line-height: 100%; padding-top: 10px; padding-right: 15px;padding-bottom: 10px; padding-left: 15px;  margin: auto; }
.btn-clear{ background: #FFF none repeat scroll 0 0; border: 1px solid #444; color: #444; min-height: 30px; line-height: 100%; clear: none; margin: auto; padding-top: 10px; padding-right: 15px;padding-bottom: 10px; padding-left: 15px; }   
.btn-clear:hover { background: #74B23A none repeat scroll 0 0; border: 1px solid FFF; color: #FFF; transition: background 0.3s ease 0s; }  


/*NODES*/

.path-frontpage h1 { text-align: center; }
.path-frontpage .content_layout { text-align: center; max-width: 80% !important; margin-right: auto; margin-left: auto;}
.path-frontpage .feed-icon{ display: none;}
.node--type-service .field--name-field-image { width: 64%}
.page-node-type-service .region-content .field--name-body, .node--type-webform .webform-submission-form {width: 65%; float: left; }
.field--name-field-overview { max-wisth: 1800px; margin-right: auto; margin-left: auto; }
.region-additional_information, .page-node-type-service .field--name-field-additional-information, .region-additional-information, 
.page-node-type-webform .field--name-field-additional-information { width: 33%; float: right; clear: none; }

/*MENUS*/

.navbar-default .navbar-toggle{ background: #fff; margin-top: 30px; margin-top: 30px; margin-right: 0; }
.navbar-default{ background: #FFF !important;}
.menu-base-theme, .menu-base-theme a, .menu-base-theme a:hover, .menu-base-theme a:focus, .menu-base-theme a:active, .menu-base-theme a.highlighted{ background: #FFF;}
.menu-base-theme li a{ background: #FBFBFB }


/*LAYOUT*/

.container{ max-width: 1800px; width: 80%; margin-right: auto; margin-left: auto; }
.container-pinch  { max-width: 900px; width: 70%; margin-right: auto; margin-left: auto;}
.container-full  { width: 100%; margin-right: auto; margin-left: auto;}
.menu-base-theme a{ font-family: "Open Sans", sans-serif; font-size: 1.2em; letter-spacing: -0.05em; background: #FFF none repeat scroll 0 0; color: #666; text-transform: uppercase; font-weight: 400!important;}
.menu-base-theme a:hover, .menu-base-theme a:focus, .menu-base-theme a:active, .menu-base-theme a.highlighted { font-family: "Open Sans", sans-serif; font-size: 1.2em; letter-spacing: -0.05em; background: #F39720 none repeat scroll 0 0; color: #FFF; text-transform: uppercase; font-weight: 400!important; }
.region-primary-menu{ display: none; background: #FFF; border-radius: 3px; width: 100%; margin-top: 40px; }
.menu-base-theme a{ border-bottom: 1px solid #EEF0F7;}
.menu-base-theme a span.sub-arrow{ color: #999; font-size: 1.2em; padding: 5px; border-radius: 2px; border: 1px solid #DCDCDC; background: #EFEFEF;} 
.menu-base-theme ul a:hover, .menu-base-theme ul a.current {background: #F39720; color: #FFF;}
.navbar-toggle{ z-index: 999; }


/*SEARCH FORM*/

#search-block-form{ display: table; width: 100%;}
#search-block-form .form-item,
#search-block-form .form-actions{ display: table-cell; vertical-align: top;}
#search-block-form input{ width: 100%;}



/*CONTACT FORM*/

.path-contact{}
.contact-message-feedback-form{ max-width: 100%;  margin: 0 auto;  padding: 10px 30px; }
.contact-message-feedback-form .form-text, .contact-message-feedback-form .form-email, .contact-message-feedback-form .form-textarea{ width: 100%;}

/*USER LOGIN FORM*/

.user-login-form, .user-form, .user-pass{ max-width: 650px; margin: 40px auto; border: 1px solid #ddd; padding: 10px 30px; background: #FBFBFB;}
.user-login-form .form-text, .user-login-form .form-email, .user-form .form-text, .user-form .form-email, .user-pass .form-text{ width: 100%;}
.form-composite > .fieldset-wrapper > .description, .form-item .description { font-size: 11px; color: #999; font-style: italic; }

/*BUTTONS*/

.button-outline{ color: #FFF; padding:10px 15px; border: 1px solid #FFF; }
.button-outline a:hover{ color: #FFF; text-decoration: none; background-color: #0C82C7 !important; }
.button-grey{ color: #222; padding:10px 15px; border: 3px solid #222; }
.button-grey a:hover{ color: #222; text-decoration: none; background-color: #0C82C7 !important; }
.bottom .button-outline{ color: #FFF; padding: 10px 15px; border: 1px solid #FFF; background-color: #EEA50C;}
.button-outline a:hover{color: #FFF; text-decoration: none; background-color: hsla(34,94%,49%,1.00) !important;}
.button-outline { color: #FFF; font-size: 1.4em; padding: 10px 15px;border: 2px solid #FFF; text-decoration: none;}
.button-outline:hover {color: #333 !important; text-decoration: none;}
.button { color: #FFF; background-color: #F39720; font-size: 1.4em; padding: 10px 15px;border: 2px solid #FFF; text-decoration: none;}
.button:hover {color: #333 !important; background-color: #F39720; text-decoration: none;}

/*MAINTENANCE*/

.maintenance-page{ color: #fff; text-align: center; padding-top: 220px; padding-bottom: 100px; font-size: 18px; color: #000;}
.maintenance-msg { margin: 20px 0; background: rgba(242, 244, 207, 0.88); padding: 20px 30px; display: inline-block; color: #404040; border: 1px solid #fff; box-shadow: 5px 5px 0px #FFFFFF;font-size: 14px; }
.maintenance-msg h1{ text-transform: uppercase; font-weight: bold;}
.maintenance-page .brand, .maintenance-page .name-and-slogan{  display: inline-block; vertical-align: middle;}
.maintenance-page .site-name a{ color: #404040;}
.maintenance-page .site-slogan, .maintenance-page .name-and-slogan{ display: none; }


/*COMMENTS*/

.comment-wrap{ overflow: hidden; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #F5F5F5;}
.comment-wrap .author-details{ float: left; width: 20%;}
.comment-wrap .author-comments{ padding-left: 5px;  float: left; width: 80%;}
.comment-submitted{ padding: 5px 10px; border: 1px solid #eee; font-size: 12px; margin-bottom: 5px; display: block;}
.comment-wrap .author-comments h3{  margin-top: 10px;}
.comment-wrap .author-comments p{ margin-bottom: 10px;}


/*PROFILE*/

.profile > div{ padding-right: 5px; display: inline-block; vertical-align: top;}
.profile h4.label{ color: #222; display: block; text-align: left; margin-bottom: 5px;}

blockquote {position: relative; color: #444; font-size: 26px; max-width: 600px; width: 80%; min-height: 120px; height: auto; padding: 20px; background: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: #FFF solid 2px; margin-right: auto; margin-left: auto;}
.blockquote:after{ content: ''; position: absolute; border-style: solid; border-width: 14px 14px 14px 0; border-color: transparent #FFF; display: block; width: 0;
z-index: 1; left: -14px; top: 44px;}
blockquote:before { content: ''; position: absolute; border-style: solid; border-width: 15px 15px 15px 0; border-color: transparent #FFF; display: block; width: 0;
z-index: 0; left: -17px; top: 43px;}

#video-container{ width:  100%; text-align: center; } 
.video-placeholder{ max-width: 1600px ; max-height: 800px; margin-right: auto !important;  margin-left: auto !important;   border-style: solid; border-width: 2px; border-color:  #FFF; }
.brand .logo{ max-width: 140px; padding-top: 20px; padding-bottom: 10px; }
.telephone {font-size: 2.4em; font-weight: 600; color: #444; letter-spacing: -0.04em; padding-top: 10px; padding-bottom: 10px;}
.container-center { width: 80%; margin-right: auto; margin-left: auto;}
.content-left { width: 30%; height: auto; float: left; color: #FFF; }
.content-left h2 { color: #FFF; font-size: 2em; line-height: 1.2em; letter-spacing: -0.05em; font-weight: 200; padding-top: 50px;}
.content-left p { color: #FFF; line-height: 1.4em; letter-spacing: -0.01em; font-weight: 200; }
.content-right { width: 70%; height: auto; float: right; clear: none;}
.desaturate { opacity: 0.8; padding: 10%; max-width: 85%; filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }
.views-view-grid .views-col {  float: left; padding-right: 1.3%; padding-left: 1%;}
.feed-icon{ display: none;}





.round-image-views img  { border-radius: 50% !important; width: 60%; max-width: 225px; margin-top: 5%; margin-right: auto; margin-bottom: 5%; margin-left: auto; text-align: center;}
.round-image-views  { border-radius: 50% !important; max-width: 225px; margin-top: 5%; margin-right: auto; margin-bottom: 5%; margin-left: auto; text-align: center;}
.round-image  { border-radius: 50% !important; width: 60%; max-width: 225px; margin-top: 5%; margin-right: auto; margin-bottom: 5%; margin-left: auto; text-align: center;}
.round-image-large { border-radius: 50% !important; max-width: 270px; width: 80%; margin-top: 5%; margin-right: auto; margin-bottom: 5%; margin-left: auto; vertical-align: middle;  }

.icon-image  { width: 30%; max-width: 225px; margin-top: 5%; margin-right: auto; margin-bottom: 5%; margin-left: auto; text-align: center;}


/*EU PRIVACY DISCLAIMER*/

#sliding-popup .popup-content { max-wisth: 1800px; width: 80%; padding-top: 10px; min-height: 75px !important; }
#sliding-popup.sliding-popup-bottom { padding-bottom: 10px; background:#F39720 !important; }
.popup-content h2, .popup-content button { color: #FFF !important; font-family: "Open Sans", sans-serif; font-size: 1.1em; font-weight: 300; }
#sliding-popup .popup-content #popup-buttons button:hover{ color: #FFF !important; background:#F39720 !important; }
#sliding-popup .popup-content #popup-buttons button { color: #FFF !important;  background: #F39720 !important; border: 1px solid #FFF; border-radius: 1px; box-shadow: none; display: inline-block; font-weight: normal; padding: 5px 10px; text-shadow: none; transition: background 0.3s ease 0s; }
#sliding-popup .popup-content #popup-text h2 { color: #FFF; font-weight: normal; margin: 5px 0; text-align: left; font-size: 1.2em; font-weight: 500;  }
#sliding-popup .popup-content #popup-text p { font-weight: normal; font-size: 1em; color: #FFF; }

img { max-width:100%; height:auto;}
.field--name-field-portrait { float: left; }
.logo img { width: 80%; padding-top: 20px; }


/*VIEWS & FILEDS*/

.field--name-field-role { font-family: "Open Sans", sans-serif; font-size: 1.8em; line-height: 1em; color: #555; font-weight: 400; text-spacing: -0.5em; text-transform: uppercase; }
.field--name-field-portrait img, .views-field-field-portrait img { border-radius: 50% !important; max-width: 60%;}
.field--name-field-product img { float: left; margin-right: 20px;}
.views-field-field-overview, .views-field-title, .views-field-field-role,  .views-field-body { text-align: center;}
.views-field-field-role h4  {color:#333 !important; margin-top: 0px; text-align: center; font-size: 1.2em;}
.field--name-field-role  {color:#F39720 !important; margin-top: 0px; text-align: left; font-size: 1.4em;}
.views-field-title h2 {line-height: 1em; margin: 0; padding: 0;} 
.pager li > a, .pager li > span { background-color: #FFF;  border: 1px solid #DDD; border-radius: 1px; display: inline-block; padding: 5px 15px; }
.view-news .views-field-body,.view-news .views-field-title   {text-align: left!important;}
.field--name-field-grey { width: 80%; color: #FFF !important; max-wisth: 1800px; padding-top: 1%; padding-bottom: 5%; margin-right: auto; margin-left: auto; }
.field--name-field-solution h2, .field--name-field-grey h2, .field--name-field-benefits h2, #block-views-block-staff-profiles-block-2-2 h2,  #block-views-block-services h2 {  color: #F39720 !important; font-family: "Open Sans",sans-serif; font-size: 3.4em; font-weight: 500; line-height: 1.2em; text-transform: uppercase; text-align: center; }
.field--name-field-grey  {text-align: center;}
.field--name-field-testimonial p { max-width: 1800px;  margin: auto; line-height: 1.7em;} 
.views-field-field-banner-1 { margin-left: 10%; text-align: left; top: 100px; z-index: 40; position: absolute; max-width: 1800px;}
.views-field-field-banner-1 h1 { color: #FFF !important; font-size: 700%; font-weight: 300; text-align: left !important; text-transform: lowercase; width: 90%; margin-bottom: -20px; letter-spacing: -0.07em;}
.views-field-field-banner-1 p {  color: #FFF !important; font-size: 180%; line-height: 1.5em !important; text-align: left !important; font-weight: 200; width: 60%; }
.middle .views-view-grid .views-col { width: 33.2% !important; padding: 0px;}
.field--name-field-bullet-points { width: 40%; max-width: 700px; float: right; margin-right: 10%;}
.field--name-field-bullet-points h2 { font-family: "Open Sans", sans-serif; font-size: 3.4em; line-height:1.2em; color: #0C82C7; font-weight: 500; text-spacing: -0.2em; text-transform: uppercase;}
.views-field-field-icon{ max-width: 40%; margin-right:auto; margin-left:auto; text-align: center;}
label { display: block !important; max-width: 100%; margin-bottom: 5px;font-weight: 600;}
.form-textarea-wrapper textarea, .form-text, .form-email { display: block; margin: 0; width: 95%; box-sizing: border-box;}
.map-responsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}
.map-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute;}
.clear { height: 1px; padding: 0pc; margin: 0px;}


/*BLOCKS*/

#block-views-block-clients-block-1 h2 {font-family: "Open Sans", sans-serif; font-size: 3em; line-height:1.2em; color: #F39720; font-weight: 600; text-spacing: -0.3em; text-transform: uppercase; margin-top: 20px;}
#block-why h4, #block-why p{ text-align: center;}
#block-views-block-news-events-block-1 h5 {font-weight: 300 !important; text-align: left;}
#block-video { color: #222; max-width: 100%; margin-right: auto; margin-left: auto; z-index: 10; margin-bottom: 40px;}
#block-video h2 { font-family: "Open Sans", sans-serif; font-size: 4em; line-height: 1.1em; color: #222; font-weight: 600 !important; text-spacing: -0.03em; text-transform: uppercase; text-align: center!important;  }
#block-map{ margin-right: auto; margin-left: auto; text-align: center; }
#block-services  { min-height: 60vh; width: 50%; float: left; padding-top: 50px; padding-bottom:50px; background: url(../images/gym-services.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } 
#block-equipment {  min-height: 60vh; width: 50%; float: right; padding-top: 50px; padding-bottom:50px; background: url(../images/gym-equipment.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  } 
#block-services h2, #block-equipment h2 {color: #FFF !important; text-align: center!important;  max-width: 450px; width: 60%; padding-top: 10%; margin: auto;   }
#block-services p, #block-equipment p { color: #FFF !important;  max-width: 350px; width: 60%;}
#block-services a, #block-equipment a:hover,  #block-services a,  #block-equipment a:hover {color: #FFF !important;}
#block-views-block-gym-equipment-block-2 h2 { text-align: center !important;}
.views-field-field-testimonial{ text-align: center;}
.field--name-field-student-portrait { border-radius: 50% !important; max-width: 100% ;}
#block-bookings p, #block-social p, #block-gallery p, #block-directions p { color: #FFF; text-align: center; }
#block-views-block-news-block-1 .col-2 { color: #FFF !important; background: #D8B001 !important; }
#block-views-block-news-block-1 .col-2 a, #block-views-block-news-block-1 .col-2 h3, #block-views-block-news-block-1 .col-2 p   { color: #FFF !important; }
#block-views-block-news-block-1 h2 { text-align: center; }
#block-views-block-news-block-2 h4, #block-views-block-news-block-2 p { text-align: left; float: left; }
#block-views-block-news-block-2 img { float: left; clear: none; margin-right: 10px; }
#block-views-block-news-block-2 p{ float: left; clear: none; line-height: 1.4em; margin-right: auto; margin-left: auto; }  
#content-wrapper{ float: right; width: 25%; clear: none;  min-height: 1px;  padding-right: 15px; padding-left: 15px;}
.block-container { width: 100%; clear: both;  margin-top: 20px; margin-bottom: 20px; }
.search{  color: #222; width: 100%; height: 60vh; margin-bottom: 0px;  margin-right: auto; margin-left: auto; clear: both;}


/*TABLES*/

.row-odd-hours { font-size: 1em; background-color: #F5F7F9; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; text-align: left; vertical-align: middle;}
.row-even-hours { font-size: 1em; background-color: #FaFBFC;  padding-top: 10px; padding-bottom: 10px; padding-left: 10px; text-align: left; vertical-align: middle;}
.row-header-hours { color: #FFF !important; font-size: 1.1em; font-weight: 300; line-height: 1em; background-color: #161F2C; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; text-align: left; vertical-align: middle;}
.row-odd-opening { font-size: 1.3em; font-weight: 300; background-color: #F5F7F9; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; text-align: left; vertical-align: middle;}
.row-even-opening { font-size: 1.3em; font-weight: 300; background-color: #FaFBFC;  padding-top: 10px; padding-bottom: 10px; padding-left: 10px; text-align: left; vertical-align: middle;}
.row-header-opening { color: #FFF !important; font-size: 1.7em; font-weight: 300; line-height: 1em; background-color: #161F2C; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; text-align: left; vertical-align: middle;}


/*MEDIA QUERIES*/

@media only screen and (max-width: 767px) {
h1, .h1 {font-size: 2.6em; }
.views-col  { width: 100% !important;  }
.container{ max-width: 960px; width: 90%; margin-right: auto; margin-left: auto; }
.views-field-field-banner-1 { margin-left: 10%; text-align: left; top: 0px; z-index: 40; position: absolute; max-width: 1800px;}
.views-field-field-banner-1 h1 { font-size: 200%; text-align: left !important; width: 75%; margin-bottom: -20px}
.views-field-field-banner-1 p {  font-size: 100%; text-align: left !important; width: 40%}
.field--name-field-bullet-points { width: 100%; float: none; clear: both;}
.page-node-type-service .region-content .field--name-body, .node--type-webform .webform-submission-form {width: 100%; float: none; }	
.region-additional_information, .page-node-type-service .field--name-field-additional-information, .region-additional-information{ width: 100%; float: right; clear: both; }	
#block-services, #block-equipment {  width: 100% !important; padding: 0px; margin: 0px;}
#content-wrapper{ float: none; width: 100%; clear: left; margin: auto;}
.brand .logo{ width: 200px; padding-top: 0px; margin-bottom: 5px;}
.copyright{ color: #222; text-align: center; padding-top: 0px; width: 100% !important; float: none;  clear: both;}
.copyright p{ color: #222; font-size: 0.9em !important ; margin: 15px 10px;  text-align: center;}
.social-media{ float: none; text-align: center; clear: both; width: 80% !important; margin: auto;}
.social-media p{ color: #222; font-size: 0.9em !important; margin: 5px 0;  text-align: center !important;}
#block-contact {float: left; clear: both;}

}


@media only screen and (max-width: 350px) {
h1, .h1 {font-size: 2em; }
.views-col  { width: 100% !important;  }
.container{ max-width: 600px; width: 90%; margin-right: auto; margin-left: auto; }
.views-field-field-banner-1 { margin-left: 10%; text-align: left; top: 5px; z-index: 40; position: absolute; width: 80%;}
.views-field-field-banner-1 h1 { font-size: 100%; text-align: left !important; width: 75%; margin-bottom: -20px}
.views-field-field-banner-1 p {  display: none;}
#block-contact {clear: both;}

}