body {background-color: #dce8ed;}
    
body,
    .navbar-brand,
    ul.nav a {font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
    font-size: 14px;
    line-height: 1.42857143;
        color: #000; }
    
.navbar > .container .navbar-brand {padding: 0 15px 0 15px;}
    
.navbar .navbar-nav.navbar-uppercase > li > a {
        text-transform: none;}
.navbar-transparent .navbar-nav > li > a:not(.btn) {
        color: #000;}
.navbar .navbar-brand {font-size: 35px; color: #000;} 
h2 {text-transform: none; font-weight: 600; font-size: 300%;}
h3 {text-transform: none; font-weight: 500; font-size: 200%; line-height: 140%;}

    
    
.navbar-burger.navbar-transparent .navbar-toggle .icon-bar {
    background: #000;
}
    
.wrapper ul {
        padding-left: 0px;}
    
.separator-container {display: none;}
.section {background-color: inherit;}
 
.section-we-do-1 p {color: #000;}
 
    .section-we-do-1 .card p {text-align: left; font-size: 130%; margin-right:10%; min-height: inherit;}

    .section-we-do-1 .card h1 {text-align: left; font-size: ; margin-right:20%; line-height: 130%; text-transform: none; font-weight: 600;
}}
    
    .orange {background-color:#e9dbc9 !important;}
    .section-we-do-1 .title {margin-bottom: 55px;}

    .section-team-1 .title, 
    .section-team-1 .title p {text-align: left; color:#fff;}
    .section-team-1 .text-area {
        max-width: 460px; 
        margin: 100px 0 0 50px; 
        background-color: rgba(70,70,70,0.5) !important;
        padding: 20px;}
    

    
     .section-we-do-1 .card h1 {
    text-align: left; font-size: 280%; margin-right: 20%;}
    
@media (max-width: 768px) {

.section {padding: 0;}
    .wrapper {margin: 50px 0 0 0;}
}
    
@media only screen and (max-width: 600px) {

    .section-team-1 .text-area {
      margin: 140px 0 0 0; 
      background-color: rgba(70,70,70,0.5) !important;
      padding: 0px;}
             
    h3 {font-size:150%}
    .section-clients-2 .nav-text li {margin: 0 10px;}
    
  
    .section-we-do-1 .card h1 {
    text-align: left; font-size: 250%; margin-right: 2%;}
    
    
}
             
 
    
    .section-team-1 .text-area p {margin-top: 50px; font-size: 130%;}
    .full-image {background-position: top right !important; height: 90vh;}
    .section .text-area {padding-bottom: 60px;}
    
    .section-clients-2 .tab-content p.large {color: #000;}        
    
    .quotes {position: relative; margin: 0 auto; }
    
    .quotes .large:before,
    .quotes .large:after {content: none;}
    
    .section .text-area {background-color: inherit !important;}
             
             
             
      .section .text-area a.order {
        border: 1px solid #000;
      border-radius: 5px;
      padding: 4px;
      margin-left: 0px;
      line-height: 40px;
      white-space: nowrap;}

    .section .text-area a:not(.btn), 
        .section .text-area a:hover {color:#000 !important;}

    .section-clients-2 {min-height: 560px;}
    .section-clients-2 .nav-text {bottom: 0;
    position: absolute;
    left: 26%;
    width: 50%;}
 
    .section-clients-2 .nav-text > li.active a,
    .section-clients-2 .nav-text > li a:hover {color:#aaa !important; border:none;}
  
    
    
    .project-text iframe {width: 100%; min-height: 537px;}
    
    ul.videos {padding-top: 30px; text-align: center;}
/*    .videos .tab-content {text-align:left;}*/
    
    ul.videos > li  > a {color: #000 !important;}
   ul.videos > li.active > a,
   ul.videos > li.active > a:hover {color: #aaa !important;}
   
    
    /* ul.videos > li {display: block !important;}
    ul.videos > li  > a {padding: 0 !important;}
    ul.videos > li  > a  h3 {padding: 0 !important; margin: 0 !important;} */

        
.embed-container {
position: relative; 
padding-bottom: 56.25%; /* ratio 16x9 */
height: 0; 
overflow: hidden; 
width: 100%;
height: auto;
}

.embed-container iframe {
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
}

/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}