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


/*Header*/
html{width: 100%; height: 100%; margin: 0px; padding: 0px; overflow-x: hidden;}
body{ font-family: 'Lato', sans-serif; font-size: 14px;  line-height: 220%; color: #444; font-weight: 300;  overflow-x: hidden;}

p{ margin: 0 0 20px 0; }

h1, .h1{ font-family: 'Lato', sans-serif; font-size: 4em; line-height:1.2em; color: #2B7A78; font-weight: 400; letter-spacing: -0.05em;}
h2, .h2{ font-family: 'Lato', sans-serif; font-size: 2.2em; line-height: 1.2em; color: #3AAFA9; font-weight: 400; letter-spacing: -0.03em; }
h3, .h3{ font-family: 'Lato', sans-serif; font-size: 2.2em; line-height: 1.2em; color: #2B9FAE; font-weight: 400; letter-spacing: -0.03em; }
h4, .h4{ font-family: 'Lato', sans-serif; font-size: 1.6em; line-height: 1.6em; color:  #2B7A78; font-weight: 400; letter-spacing: -0.03em;  }
h5, .h5{ font-family: 'Lato', sans-serif; font-size: 1.4em; line-height: 1.2em; color: #17252A; font-weight: 500; letter-spacing: -0.01em;  }
h6, .h6{ font-family: 'Lato', sans-serif; font-size: 1.2em; color: #555; line-height: 1.2em; letter-spacing: -0.01em;  }
p { font-family: 'Lato', sans-serif; font-size: 1.1em; line-height: 1.8em; color: #666; font-weight: 400 !important;  }



.top h2{ font-size: 30px; color: #2B9FAE; font-weight: 500;  text-align: center;}
.top h3  { font-size: 26px; color: #FFF; font-weight: 500;  text-align: center;} 
.testimonials h3, .promotions h2, .promotions h3 { color: #FFF; text-align: center;} 


img{ max-width: 100%; }
a{ color: #2B9FAE;}
a:hover, a:active, a:focus { color: #2B9FAE; text-decoration:underline }
ul.links.inline{ padding: 0; }
ul.links.inline li{ list-style: none;}
.region-content li, .region-sidebar-second li { font-family: 'Lato', sans-serif; font-size: 1.1em; line-height: 1.8em; color: #666; font-weight: 400  }
.block{ margin-bottom: 20px; }
.main-header{ color: #FFF; margin-bottom: 0px;	z-index: 99;}
.main-header nav{ border: 0; margin-top: -10px;  padding-top: 5px; padding-bottom: 5px;  height: auto; position: relative; z-index: 10; }
b, strong { font-weight: 700; }
.main-header .region{ position: relative; z-index: 2;}

/*region header*/

.site-branding{ margin: 0; height: 70px; }
.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;}
.top{ background: #FFF; color: #222; padding: 10px 0; margin-bottom: 100px; max-height: 65vh; }


/*middle*/
.middle {color: #222; width: 100%; margin-bottom: 0px;  margin-right: auto; margin-left: auto; clear: both;} 
.twitter {color: #222; width: 100%; margin-bottom: 0px;  margin-right: auto; margin-left: auto; clear: both; background: url(../images/twitter-background.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.preface {color: #444; clear: both; background: #EEE; width: 100%; margin-top: 20px; margin-bottom: 20px;}

/*testimonials*/

.testimonials, .promotions { color: #FFF; clear: both; background-color: #2B9FAE; margin-right: auto; margin-top: 20px; margin-bottom: 20px; margin-left: auto; padding-top: 20px; padding-right: 0; padding-bottom: 20px; }
.testimonials h3, .promotions h3 {color: #FFF; font-size: 2.3em; text-align: center; max-width: 80%; margin: auto; }
.testimonials p, .promotions p {font-size: 1.3em; line-height: 1.1em; color: #222; text-align: center; max-width: 90%; margin: auto;}



/*footerwidget*/
.footerwidget{ background: #EEE; color: #222;  padding-top: 20px !important; padding-bottom: 0px; margin-top: 0px;  }
.footerwidget h2, .footerwidget .h2{ color: #222; font-size: 1.4em; letter-spacing: -0.01em;}
.footerwidget h3 {font-size: 2.6em; color: #222; }
.footerwidget p{ color: #222; font-size: 1em; }
.footerwidget li{ color: #222; font-size: 1em; list-style-position: none; list-style-image: none; list-style-type: none; text-indent: 0; }
.footerwidget li a:link, .footerwidget li a:visited { color: #222 !important; list-style-position: none; list-style-image: none; list-style-type: none; text-indent: 0; }
.footerwidget ul{ padding-left: 0; margin-left: 0;}
.footerwidget img.left{  float: left; margin: 10px 10px 0 0; }



/*bottom-widgets*/
.copyright{ background: #EEE; color: #222; padding-top: 5px; }
.copyright p{ color: #222; font-size: 13px; margin: 13px 0;  text-align: center;}
.awards {width: 70%; max-width: 750px; margin-right:auto; margin-left:auto;}
.bottom-widgets{  text-align: center; background: #FFF; padding: 10px 0;}
.bottom-widgets .region{ padding: 10px; background: #FFF; }

/*Footer menu*/

.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; }

/*Credit link*/

.credit-link{ text-align: left;}

/*SOCIAL MEDIA*/

.social-media{ margin: 10px 0; overflow: hidden; float: left;}
.social-media a {  width: 30px; height: 30px; color: #fff; float: left; margin: 0 10px 0 0; text-align: center; background: #3262b9; font-size: 14px; line-height: 220%;}
.social-media a.twitter{ background: #29C5F6; }
.social-media a.linkedin{ background: #069; }
.social-media a.rss{ background: #FF6D00;}
.social-media a:hover{  opacity: .6;}

/*FORM*/

input, button, select, textarea{ color: #555; padding: 3px; border: 1px solid #D9D8D7;  background: #FFF;}
.contact-message-form label{  display: block;}
.btn, input[type="submit"]{ font-size: 1.4em; background: #2B9FAE; color: #FFF; border: 0; border-radius: 1px!important; padding: 15px; line-height: 100%; min-height: 45px;}
.btn:hover, .btn-small:hover input[type="submit"]:hover{ background: #D65407 !important; color: #FFF !important; transition: background 0.3s ease 0s;}
.btn-small:hover, .btn-small:active input[type="submit"] { background: #D65407 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-small, input[type="submit"] { background: #2B9FAE 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, input[type="submit"]{ font-size: 1.4em; background: #2B9FAE; color: #FFF; border: 0; border-radius: 1px!important; padding: 15px; line-height: 100%; min-height: 45px;}
.btn-clear:hover input[type="submit"]:hover{ background: #003F3F !important; color: #FFF !important; transition: background 0.3s ease 0s;}
.btn-clear{ background: #2B9FAE none repeat scroll 0 0; border: 1px solid #FFF; color: #FFF; 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: #003F3F none repeat scroll 0 0; border: 1px solid #FFF; color: #FFF; transition: background 0.3s ease 0s; text-decoration: none !important; }  
/*FRONT PAGE*/


/*MENU*/

.navbar-default .navbar-toggle{ background: #fff; margin-right: 0; }
.navbar-default{ background: #FFF !important; margin-bottom:0; border-color: #e7e7e7;}

.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: none;}
.menu-base-theme li a{ background: #FBFBFB }
.main-menu { position: relative; z-index: 9999;}

.container{ max-width: 1400px; 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{ background: #FFF none repeat scroll 0 0; color: #666; text-transform: uppercase; font-weight: 500!important;}
.menu-base-theme a:hover, .menu-base-theme a:focus, .menu-base-theme a:active, .menu-base-theme a.highlighted { background: #2B9FAE none repeat scroll 0 0; color: #FFF; text-transform: uppercase; font-weight: 500!important; }
.region-primary-menu{ display: none; background: #FFF; border-radius: 3px; width: 100%; margin-top: 20px; }
.menu-base-theme a{ border-bottom: 1px solid #EEF0F7;}
.menu-base-theme a span.sub-arrow{ color: #999; font-size: 22px; padding: 5px; border-radius: 2px; border: 1px solid #DCDCDC; background: #EFEFEF;} 
.navbar-toggle{ z-index: 999; }

.hotlinks { max-width: 100%;  min-height: 50px; background-color: #2B9FAE; clear: both; margin-bottom: 10px;}

.hotlinks{ color: #FFF; max-width: 100%; background-color: #2B9FAE; clear: both; margin-bottom: 10px;}
.hotlinks a { color: #FFF !important; text-transform: uppercase; font-weight: 500!important; float: right; list-style-type: none; clear: none; padding-top: 7px !important; padding-left: 10px;}
.hotlinks .menu-item {list-style-type: none; padding-top: 0px; margin-top: -10px; }

/*breadcrumb*/

.breadcrumb{ background: none; padding: 0;  margin: 0;  border-bottom: 1px solid #EEE;}
.breadcrumb ul{ padding: 0;}
.breadcrumb ul li{ display: inline-block;}

/*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%;}

table {width: 100%;}
th, .row-header-term {color: #FFF !important; font-size: 1.7em; font-weight: 300; line-height: 1em; background-color: #2B9FAE; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; text-align: left; vertical-align: middle;}
tbody tr:nth-child(odd), .row-odd-term {font-size: 1em; background-color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; text-align: left;vertical-align: middle;}
tbody tr:nth-child(even),.row-even-term { font-size: 1em; background-color: #EEE; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; text-align: left;vertical-align:middle;}
.file--application-pdf {background-image: url(../images/application-pdf.png);}
.file--x-office-document {background-image: url(../images/application-docx.png);}
.file {display: inline-block; min-height: 38px; padding-left: 45px; background-repeat: no-repeat; background-position: left center; }

/*Demo typography*/

.bd-example { position: relative; padding: 20px; border: 2px solid #F7F7F9;}
.highlight{ padding: 20px; background-color: #f7f7f9;}
.highlight pre{ border: 0; background: none;}
.bd-example-type .table tr:first-child td { border-top: 0;}
.bd-example-type h1, .bd-example-type h2, .bd-example-type h3, .bd-example-type h4, .bd-example-type h5, .bd-example-type h6 { margin: 0;}
.bd-example-type .table td { padding: 15px 0;border-color: #eee;}

/*Contact form*/

.path-contact{}

.contact-message-feedback-form{float: left;width: 100%;}
.contact-message-feedback-form .form-text, .contact-message-feedback-form .form-email, .contact-message-feedback-form .form-textarea{ width: 100%;}
.contact-message-brochure-form{float: left;width: 100%;}
.contact-message-brochure-form .form-text, .contact-message-brochure-form .form-email, .contact-message-brochure-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: 13px; color: #333; font-style: italic; }

/*Maintainance*/

.maintenance-page{ color: #FFF; text-align: center; padding-top: 220px; padding-bottom: 100px; font-size: 18px; color: #000;}
.maintenance-msg { margin: 20px 0; background: #F7F7F6; padding: 20px 30px; display: inline-block; color: #2B7A78; border: 1px solid #FFF; box-shadow: 5px 5px 0px #FFF;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; }


/*Comment*/

.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;}

/*links inline*/

ul.links.inline li{ display: inline-block; padding-right: 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 { font-size: 1.1em; width: 90%; margin: 50px auto; font-family: Lato; font-style: italic; color: #3AAFA9; padding: 1.2em 30px 1.2em 75px; border-left: 8px solid #3AAFA9;
line-height: 1.6; position: relative; background: #F4F5F5;}
blockquote::before{ font-family:Arial; content: "\201C"; color:#3AAFA9; font-size:4em; position: absolute; left: 10px; top:-10px;}
blockquote::after{ content: '';}
blockquote span{ display:block; color:#333333; font-style: normal; font-weight: bold; margin-top:1em;}

.video-container{ position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.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{ padding-top: 30px; max-width: 285px;}
.telephone {font-size: 2.4em; font-weight: 600; color: #444; letter-spacing: -0.04em; padding-top: 10px; padding-bottom: 10px;}
.feed-icon {display: none;}
.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 */ }
.button-white{ color: #FFF; padding:10px 15px; border: 1px solid #FFF; }
.button-white a:hover{ color: #FFF; text-decoration: none; background-color: #2B9FAE !important;box-shadow: none; text-shadow: none; transition: background 0.3s ease 0s; background: none;  }

.region-bottom { text-align: center; }
.views-view-grid .views-col {  float: left; padding-right: 2.5%; padding-left: 2.5%; box-shadow: none; text-shadow: none; transition: background 0.3s ease 0s; background: none; }
.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: 600%; font-weight: 300; text-align: left !important; text-transform: uppercase; 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%; }

.page-node-type-page .region-content .field--name-body {width: 67%; float: left;}
.field--name-field-overview { max-width: 1400px; margin-right: auto; margin-left: auto; }
.region-additional_information, .field--name-field-additional-information, .region-additional-information{ width: 25%; float: right; clear: none; }
#block-ourapproach h2{ margin-top: 10%; } 
#block-views-block-clients-block-1 h2, #block-delivery h2 {font-family: 'Lato', sans-serif; font-size: 3em; line-height:1.2em; color: #2B9FAE; font-weight: 600; text-spacing: -0.3em; text-transform: uppercase; margin-top: 20px;}
#block-sites{ text-align: center;}
#block-delivery h4{ text-align: center;}
#block-testimonials, .block-views-block-testimonials-block-1 {text-align: center; max-width: 1200px; margin-right: auto; margin-left: auto;}
#block-telephone {font-size: 1.1em; text-align: left !important; float: left !important; padding-top: 10px; }
#block-telephone .hotlinks a {text-align: left !important; padding-left: 0px !important; }
.field__label {font-size: 1.4em; color:#2B7A78;  font-weight: 600;}
.field--name-field-portrait img { background: #FFF; display: inline; float: left; margin: 0 5px 30px; padding: 25px 25px 45px; text-align: center; text-decoration: none; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3); -moz-box-shadow: 0 4px 6px rgba(0,0,0,.3); box-shadow: 0 4px 6px rgba(0,0,0,.3);
 -webkit-transition: all .15s linear; -moz-transition: all .15s linear; position:relative; max-width: 85%;}

.polaroid-portrait, .bottom .polaroid-portrait .slick img { background: #FFF; margin: 10% auto; padding: 15px 15px 30px; text-align: center; text-decoration: none; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3); -moz-box-shadow: 0 4px 6px rgba(0,0,0,.3); box-shadow: 0 4px 6px rgba(0,0,0,.3);
 -webkit-transition: all .15s linear; -moz-transition: all .15s linear; max-width: 50%;}

/*EU Privacy Disclaimer*/
#sliding-popup .popup-content { max-width: 1400px; width: 80%; padding-top: 10px; min-height: 75px !important; }
#sliding-popup.sliding-popup-bottom { padding-bottom: 10px; background:#2B9FAE !important; }
.popup-content h2, .popup-content button { color: #FFF !important; font-family: 'Lato', sans-serif; font-size: 1.1em; font-weight: 300; }
#sliding-popup .popup-content #popup-buttons button:hover  { color: #FFF !important; background:#2B9FAE !important; }
#sliding-popup .popup-content #popup-buttons button { color: #FFF !important;  background: #2B9FAE !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;  }

img { max-width:100%; height:auto;}
.field--name-field-portrait { float: left; }
.logo img { width: 85%; }
.views-field-field-icon{ max-width: 50%; margin-right:auto; margin-left:auto; text-align: center;}
#block-video { display: none;}

.views-field-field-overview, .views-field-title, .views-field-field-role,  .views-field-body { text-align: center;clear: both;}
.views-field-field-role h4  { margin-top: 0px; text-align: center; font-weight: 600;}
.field--name-field-role { font-family: 'Lato', sans-serif; font-size: 1.6em; line-height: 1.6em; color:  #222; font-weight: 700; letter-spacing: -0.03em; }
.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-title, #block-views-block-news-block-1 .views-field-body, #block-views-block-news-block-1 .views-field-title { text-align: left !important;}    

.views-field-field-banner-1 { margin-left: 10%; text-align: left; top: 100px; z-index: 2; position: absolute; max-width: 1000px;}
.views-field-field-banner-1 h1 { color: #FFF !important; font-size: 370%; font-weight: 600; text-align: left !important; padding: 0px; margin-left: 10%; letter-spacing: -0.03em;}
.views-field-field-banner-1 p {  color: #FFF !important; line-height: 1.3em !important; text-align: left !important; width: 80%; margin-left: 10%; }


.field--name-field-join { width: 40%; max-width: 700px; float: left; margin-left: 10%; }
.field--name-field-bullet-points { width: 40%; max-width: 700px; float: right; margin-right: 10%;}
.field--name-field-bullet-points h2 { font-family: 'Lato', sans-serif; font-size: 3.4em; line-height:1.2em; color: #2B9FAE; font-weight: 500; text-spacing: -0.2em; text-transform: uppercase;}



.views-field-field-testimonial{ text-align: center;}
.field--name-field-student-portrait { border-radius: 50% !important; max-width: 100% ;}
#block-searchform-2 {max-width: 1200px;  text-align: center; padding-top: 20px; padding-bottom: 20px; margin-right: auto; margin-left: auto;  }
#block-searchform-2 input, select { font-size: 1em; color: #222;   padding: 10px; border: 1px solid #CCC; background: #FFF; margin-right: 20px; }
#block-searchform-2 h2, .search h3{color: #FFF !important; font-size: 3em; text-align: center !important; }
#block-searchform-2 p, .search p{color: #FFF !important; font-size: 1.1em; letter-spacing: 0.01em; text-align: center !important; }
#block-searchform-2 .form-submit { background: none; padding: 10px; Font-size: 2.2em; color: #FFF;  width: 200px; margin-left: 25px;  border: 2px solid #FFF; }
#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: left; }
#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; }
#block-views-block-overview-block-1 .views-field-title { text-align: left !important;}
#brand{ width: 100%; background-color: #D9D8D7; min-height: 30px; padding-top: 20px; text-align: center;  }
#brand p{ background-color: #D9D8D7; min-height: 50px; font-size: 2em; line-height: 1.4em; color: #FFF !important; font-weight: 300 !important; } 
.video-background { position:relative; z-index:0; }
.video-overlay { max-width: 60%; margin: auto; position:absolute; top:200px; left:20%; right: 20%; z-index:1; }
#content-wrapper{ float: right; width: 25%; clear: none;  min-height: 1px;  padding-right: 15px; padding-left: 15px;}
.vocabulary-career-pathways .field--name-description, .field--name-field-overview, .field--name-field-outline { width: 75%; float: left; clear: none; padding-right: 15px; }
.block-container { width: 100%; clear: both;  margin-top: 20px; margin-bottom: 20px; }
 .player .video-wrapper { background: none repeat scroll 0 0 #FFFFFF; height: 100%; position: absolute; width: 100%;}
#page-title { width: 70%; float: left; padding-top: 10px; }
#block-feed h2, #block-feed p {text-align: center !important;}
#block-feed {max-width: 60%; margin-right: auto; margin-left: auto;}
#block-feed .timeline-Tweet-text { font-size: 12px !important; line-height: 20px !important; font-weight: 300;}
#block-feed .NaturalImage-image { display: none !important; max-width: 1px !important; border: 0; line-height: 0; height: 1px !important;}
.MediaCard-media { position:relative !important; width:0%!important; overflow:hidden!important;}
#block-feed img {display: none; }
.spb-popup-main-wrapper { position: fixed; padding: 1px; border: 0px solid #FFF; z-index: 999999; background-color:transparent; margin-bottom: -30px; max-width: 100%!important;}
.spb_overlay { position: fixed; z-index: 999999; left: 0; top: 0;  width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.8);}
.spb_close { border: 1px solid; cursor: pointer; float: right; margin: 3px; padding: 0 10px; color: #000; background: #fff; border-radius: 50%; }

@media only screen and (max-width: 768px) {
.page-node-type-page .region-content .field--name-body {width: 100%; float: none;}
.main-header nav { height: 70px; position: relative; z-index: 10;}
.region-additional_information, .field--name-field-additional-information, .region-additional-information{ width: 100%; float: none; clear: left; }
.views-col  { width: 100% !important;  }
.container{ max-width: 960px; width: 90%; margin-right: auto; margin-left: auto; }
.views-field-field-banner-1 { margin-left: 0%; text-align: left; top: 0px; z-index: 5; position: absolute; max-width: 1400px;}
.views-field-field-banner-1 h1 { font-size: 100%; text-align: left !important; width: 75%; margin-bottom: -20px}
.views-field-field-banner-1 p { font-size: 100%; line-height: 1.2em !important; text-align: left !important; width: 60%; margin-left: 10%; }
.field--name-field-join { width: 100%; float: none; }
.field--name-field-bullet-points { width: 100%; float: none; clear: both;}
#block-tour, #block-success {  width: 100% !important; padding: 0; margin: 0;}
#content-wrapper{ float: none; width: 100%; clear: left; margin: auto;}
.vocabulary-career-pathways .field--name-description, .field--name-field-overview, .field--name-field-outline { width: 100%; float: left; clear: left; }
h1, .h1{ font-family: 'Lato', sans-serif; font-size: 2.6em; line-height: 1.6em; color: #2B9FAE; font-weight: 400; letter-spacing: -0.03em }
.brand .logo{ width: 255px; padding-top: 0px;}
.logo img { max-width: 255px;}
#block-contact {float: left; clear: left;}
}




@media only screen and (max-width: 350px) {

.views-col  { width: 100% !important;  }
.container{ max-width: 600px; width: 85%; margin-right: auto; margin-left: auto; }
.main-header nav { height: 70px; position: relative; z-index: 10;}
.views-field-field-banner-1 { margin-left: 0%; text-align: left; top: 5px; z-index: 5; position: absolute; max-width: 1400px;}
.views-field-field-banner-1 h1 { font-size: 90%; text-align: left !important; width: 75%; margin-bottom: -20px}
.views-field-field-banner-1 p {  display: none;}
.brand .logo{ width: 205px; padding-top: 0px; }
.logo img { max-width: 205px;}
#block-contact {float: left; clear: left;}
#block-telephone {font-size: 1.1em; text-align: left !important; float: right !important;  }

}