body {
  padding: 0 5px;
}

body.admin-menu {
  margin-top: 0 !important;
}

#admin-menu {
  display:none;
}

.html #page > header {
  display:flex;
  align-items:start;
  width:100%;
}

#branding,
.region-header  {
  float: none;
  margin: 0 0 10px;
  width: 100%;
  clear: both;
  text-align: center;
  max-width: 100%;
  overflow: hidden;
}

.region-header .block {
  clear: both;
  float: none;
  margin: 5px auto;
  max-width: 80%;
}

.region-header .block .block-inner {
  margin-left: 0;
  margin-right: 0;
  margin: auto;
}

h1#site-name {
  font-size: 1.5em;
}

h2#site-slogan {
  font-size: 0.9em;
}

.region-top-menu {
  height: auto;
}

.js #menu-bar nav {
  display: none;
  position: absolute;
  top:70px;
  left:0;
  right:0;
  width:auto;
  z-index:500;
}

.menu-toggle {
  display: block;
  float: right;
  font-size: 1.4em;
  margin: -5px 5px 0 0;
  padding: 0;
  text-transform: lowercase;
  position:relative;
  z-index:100;
}

.menu-toggle a {
  padding: 7px 10px 10px;
  display: block;
  color:#aaa;
}

.container #menu-bar {
  flex: 1 1 auto;
}
.container #menu-bar .menu-wrapper {
  float: none !important;
}

.container #menu-bar .menu-wrapper li a,
.container #menu-bar .menu-wrapper .menu li a {
  display: block;
  /*padding: 0 0.5em;*/
  padding:0 1em;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}

.container #menu-bar .menu-wrapper li,
.container #menu-bar .menu-wrapper .menu li {
  display: block;
  float: none;
  margin-right: 0;
}
.container #menu-bar .menu-wrapper.block-main-menu li a,
.container #menu-bar .menu-wrapper.block-main-menu .menu li a {
  line-height:3.2em;
}
.container .nav .block-main-menu ul li a {
  background-color:#f8f8f8;
}

.container #menu-bar .menu-wrapper ul.menu li {
  margin: 0;
  padding: 0;
}

ul.sf-menu {
  width: 100%;
}

.sf-menu.sf-style-default ul {
  width: 100% !important;
}

/******************************/
body, div, p { font-size:99%; }

.container .nav .block-main-menu ul {
    padding-right:0;
}
.container #main-content {
  margin-bottom:60px;
}
.container #main-content,
.container .region-sidebar-second .block-inner {
    margin-left:20px;
    margin-right:20px;
}
.container #branding #logo {
    width:90%;
    padding-top:5px;
    padding-left:8px;
}
.container .breadcrumb-wrapper {
    margin-left:21px;
}
.container #content-column {
    margin-top:10px;
}
/*
ul.primary.tabs {
    display:inline;
}
*/
.container #content h2 {
    font-size:1.4em;
}

/**** FRONT SLIDESHOW ****/
.container .block-slide-front .block-inner {
    margin-left:0;
    margin-right:0;
}
.container .block-slide-front .flexslider {
    border:none;
}
.container .block-slide-front .flexslider img {
  height:200px;
}
.container .block-slide-front .slideshow-text {
    width:94%;
    left:4%;
    top:8%;
}
.container .block-slide-front .slideshow-title {
    font-size:165%;
    margin-bottom:5px;
    line-height:1.0em;
}
.container .block-slide-front .slideshow-body {
    font-size:1.2em;
    line-height:1.0em;
}
.container .block-slide-front .slideshow-overlay,
.container .block-slide-front .slideshow-link-container {
  border-radius:0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
}

/*** FRONT - THREE PANELS ***/
.front .container .at-panel.three-3x33 p,
.container .block-method-front p,
.container .block-pp-front p,
.container .block-tech-front p {
    font-size:100%;
    margin-top:1em;
}

/*** FRONT - TESTIMONIAL BLOCK ***/
.container .block-quote-front {
    padding:60px 5px 40px;
}
.container .block-quote-front p {
    font-size:130%;
}
.container .block-quote-front p:last-child {
    font-size:100%;
}
.container .block-quote-front .field-link {
    font-size:100%;
}

/*** FRONT - METHODOLOGY, TECHNOLOGY & ARTICLES BLOCKS ***/
.container .block-method-front,
.container .block-pp-front,
.container .block-tech-front,
.container .block-article-front {
    margin-left:-20px;
    margin-right:-20px;
}
.container .block-method-front,
.container .block-pp-front,
.container .block-tech-front {
    padding:50px 10px 20px;
}
.container .block-article-front {
    padding-right:20px;
    padding-left:20px;
}
.container .block-method-front p,
.container .block-pp-front p,
.container .block-tech-front p,
.container #content .block-method-front blockquote,
.container #content .block-pp-front blockquote,
.container #content .block-tech-front blockquote {
    margin-left:0;
    margin-right:0;
}
.container #content .block-tech-front blockquote {
  margin-top:0;
}
.container .block-pp-front p.rtecenter,
.container .block-tech-front p.rtecenter {
    margin:0;
}

.container .block-article-front .row {
    padding-right:20px;
    padding-left:20px;
}

/*** PUBLISH PLATFORMS PAGE ***/
.container .pp-decision {
  flex-direction:column;
  flex-wrap:nowrap;
}
.container .pp-decision-item {
  padding-left:0;
  padding-right:0;
  width:100%;
}

/**** COMMON - FOOTER MENU BLOCK ****/
.container .block-footer-menu ul.menu li.first {
    padding-left:8px;
}
.container .block-footer-menu ul.menu li a {
    padding-left:8px;
    padding-right:8px;
}
.container .block-footer-menu ul.menu li.first a {
    padding-left:0;
}
.container .block-footer-menu ul.menu li.last a {
    padding-right:0;
}

/*** COMMON - FOOTER ***/
.container .four-4x25 .block-title {
    font-size:138%;
}

/*** COMMON - FOOTER COPYRIGHT BLOCK ***/
.block-copyright .block-inner {
    margin-right:30px;
}

/**** H1 SIZES ****/
.container h1#page-title {
    font-size:150%;
}
/*.page-taxonomy .container h1#page-title,
.page-node .container h1#page-title,
.page-views .container h1#page-title,
.page-node.node-type-case-study .container h1#page-title {
    width:75%;
}*/

/*** VIEWS PAGE - PROJECTS & CASE STUDIES ***/
.page-projects .container .view-content .row,
.page-case-studies .container .view-content .row {
    width:100%;
}
.page-projects .view-content .row-odd,
.page-case-studies .view-content .row-odd {
    padding-right:0;
}

.node-type-case-study .container .view-display-case-study-fields {
    padding-left:0;
    padding-right:0;
}
.page-case-studies .container #content .view-content h2 {
    min-height:inherit;
    margin-bottom:10px;
}

/*** BLOCK - TESTIMONIALS ***/
.container #content .field-testimonials {
    padding:8px;
    font-size:80%;
}
.node-type-project .container #content .field-testimonials p:first-child:before,
.page-testimonials .container #content .field-testimonials p:first-child:before {
    left:-5px;
    height:60px;
}

/*.page-taxonomy .container #block-sharethis-sharethis-block,
.page-node .container #block-sharethis-sharethis-block,
.page-views .container #block-sharethis-sharethis-block {
    top:-79px;
}*/

/*** VIEWS PAGE - CLIENTS LIST ***/
.container .client-list {
    margin-left:0;
    font-size:0.9em;
}
.container .client-list .views-column-first {
    margin-right:8px;
}
.container .client-list .views-column {
    width:45%;
}
.container .slide-client-grid {
    margin-left:-20px;
    margin-right:-20px;
}

/*** TAXONOMY - RESIZE IMAGES ON technology/drupal ***/
#taxonomy-term-20 .taxonomy-term-description img {
    height:auto;
    width:50%;
}

/*** PAGE - TESTIMONIALS ***/
.container #content blockquote:before,
.container #content q:before {
    font-size:11em;
    left:-15px;
    height:60px;
    padding-right:10px;
}

/************ COMMENTS *************/
#comment-form .form-item-name, #comment-form .form-item-mail {
    float:none;
    width:100%;
}
.container .comment {
    padding:8px;
    margin-bottom:1em;
}
.comment .new {
    font-size:0.9em;
    top:2px;
}

/*** BLOCK - ADVERTISEMENTS ***/
.container .block-ad-320x50-sidebar .block-inner {
    margin-left:-10px;
    margin-right:-10px;
}
.container .block-ad-resp-bottom .block-inner {
    margin-left:0;
    margin-right:0;
}

/*** SEARCH ***/
.three-3x33 #block-search-form {
    margin-top:-5px;
}
.region-sidebar-second #block-search-form {
    padding-top:10px;
}

/*** CONTENT - CASE STUDY ***/
.node-type-case-study .container #content .panel-display {
    margin-left:-25px;
    margin-right:-25px;
}
.node-type-case-study .two-66-33 .region-inner {
    margin-left:25px;
    margin-right:25px;
}
/*.node-type-case-study .container .flex-control-nav {
    bottom:-40px;
}*/

/*** CONTENT - CAREER ***/
.container .group-job-type {
    padding:10px;
}
.container #content .group-job-type h2 {
    width:100%;
    font-size:1.1em;
}
.container #content .group-job-type ul {
    width:100%;
    font-size:0.95em;
    display:block;
}
.group-job-type ul li {
    margin-right:8px;
    padding-right:8px;
}

.container .webform-client-form input.form-text {
    max-width:95%;
}
.container .field-job-app .form-item.webform-component--resume--file label {
    top:0;
    margin-top:0;
}
.container .field-job-app .block-inner {
    margin-left:10px;
    margin-right:15px;
}
.container .field-job-app .webform-component--resume legend {
    left:0.35em;
}
.container .field-job-app .webform-component--resume .fieldset-wrapper {
    padding-right:0.6em;
    padding-left:0.6em;
}
.container .webform-component--resume .fieldset-wrapper div {
    font-size:100%;
}
.container .field-job-app .form-item.webform-component--resume--file input.form-file,
.container .field-job-app .form-item.webform-component--resume--file input.form-managed-file {
    max-width:188px;
}
.container .field-job-app .form-item.webform-component--resume--file div.messages {
    margin-top:0;
    margin-left:0;
    margin-right:0;
}
.container .field-job-app .form-item .description {
    font-size:100%;
}
.container .form-item.webform-component--resume--url input.form-text {
    width:90%
}
.container .form-item.webform-component--resume--file input.form-file,
.container .form-item.webform-component--resume--file input.form-managed-file {
    width:100%;
    margin-bottom:8px;
    margin-top:8px;
}

/*** BLOCK - LEARN HOW BODY WEBFORM ***/
.container #main-content .block-learn-how-form {
    float:none;
    width:auto;
}
.container #main-content .block-learn-how-form .block-inner {
    margin-right:5px;
    margin-left:5px;
}

/*** BLOCK - MARKETING ***/
.field-consulting-session,
.block-market {
    padding-bottom:2em;
}

/*** BLOCK - RELATED CONTENT ***/
.container .related-content .views-row {
    width:auto;
    padding:12px 16px;
    min-height:0;
}
.container .related-content .views-row-0,
.container .related-content .views-row-1 {
    margin-right:0;
    margin-bottom:15px;
}
.container .related-content .field-related-content-message {
    line-height:1.1;
}
.container .related-content .field-related-content-link {
    margin-top:10px;
}

/* ****** CONTENT ****** */
.page-node #content ul,
.page-node #content ol {
  margin-left:0;
}
body:not(.node-type-case-study):not(.page-node-1) .field-header-image picture {
  height:200px !important;
  width: 100% !important;
  display:inline-block;
}
body:not(.node-type-case-study):not(.page-node-1) .field-header-image picture img {
  height:100%;
  width:100%;
  object-fit: cover;
  object-position: 35% 0;
}
body.node-type-case-study #content .field-header-image,
body.page-node-1 #content .field-header-image {
  margin-left:-20px;
  margin-right:-20px;
}
body.node-type-case-study #content .field-header-image {
  margin-bottom:-10px;
}
body.node-type-case-study .field-header-image picture img,
body.page-node-1 .field-header-image picture img {
  width:100%;
}