@import url("https://fonts.googleapis.com/css?family=Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic|Montserrat:400,700");
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: inherit;
    font-size: 100%;
    vertical-align: baseline
}
html {
    line-height: 1
}
ol,
ul {
    list-style: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}
q,
blockquote {
    quotes: none
}
q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}
a img {
    border: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}
a {
    text-decoration: none
}
nav ul {
    margin: 0;
    padding: 0
}
strong {
    font-weight: 700
}
em {
    font-style: italic
}
textarea {
    resize: vertical
}
* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}
body{
    overflow-x: hidden;
}
.p-0 {
    padding: 0
}
.pt-0,
.py-0 {
    padding-top: 0
}
.pr-0,
.px-0 {
    padding-right: 0
}
.pb-0,
.py-0 {
    padding-bottom: 0
}
.pl-0,
.px-0 {
    padding-left: 0
}
.p-1 {
    padding: 5px
}
.pt-1,
.py-1 {
    padding-top: 5px
}
.pr-1,
.px-1 {
    padding-right: 5px
}
.pb-1,
.py-1 {
    padding-bottom: 5px
}
.pl-1,
.px-1 {
    padding-left: 5px
}
.p-2 {
    padding: 10px
}
.pt-2,
.py-2 {
    padding-top: 10px
}
.pr-2,
.px-2 {
    padding-right: 10px
}
.pb-2,
.py-2 {
    padding-bottom: 10px
}
.pl-2,
.px-2 {
    padding-left: 10px
}
.p-3 {
    padding: 15px
}
.pt-3,
.py-3 {
    padding-top: 15px
}
.pr-3,
.px-3 {
    padding-right: 15px
}
.pb-3,
.py-3 {
    padding-bottom: 15px
}
.pl-3,
.px-3 {
    padding-left: 15px
}
.p-4 {
    padding: 20px
}
.pt-4,
.py-4 {
    padding-top: 20px
}
.pr-4,
.px-4 {
    padding-right: 20px
}
.pb-4,
.py-4 {
    padding-bottom: 20px
}
.pl-4,
.px-4 {
    padding-left: 20px
}
.p-5 {
    padding: 30px
}
.pt-5,
.py-5 {
    padding-top: 25px
}
.pr-5,
.px-5 {
    padding-right: 25px
}
.pb-5,
.py-5 {
    padding-bottom: 25px
}
.pl-5,
.px-5 {
    padding-left: 25px
}
.p-6 {
    padding: 40px
}
.pt-6,
.py-6 {
    padding-top: 40px
}
.pr-6,
.px-6 {
    padding-right: 40px
}
.pb-6,
.py-6 {
    padding-bottom: 40px
}
.pl-6,
.px-6 {
    padding-left: 40px
}
.p-7 {
    padding: 50px
}
.pt-7,
.py-7 {
    padding-top: 50px
}
.pr-7,
.px-7 {
    padding-right: 50px
}
.pb-7,
.py-7 {
    padding-bottom: 50px
}
.pl-7,
.px-7 {
    padding-left: 50px
}
.p-8 {
    padding: 60px
}
.pt-8,
.py-8 {
    padding-top: 60px
}
.pr-8,
.px-8 {
    padding-right: 60px
}
.pb-8,
.py-8 {
    padding-bottom: 60px
}
.pl-8,
.px-8 {
    padding-left: 60px
}
.p-9 {
    padding: 80px
}
.pt-9,
.py-9 {
    padding-top: 80px
}
.pr-9,
.px-9 {
    padding-right: 80px
}
.pb-9,
.py-9 {
    padding-bottom: 80px
}
.pl-9,
.px-9 {
    padding-left: 80px
}
.m-0 {
    margin: 0
}
.mt-0,
.my-0 {
    margin-top: 0
}
.mr-0,
.mx-0 {
    margin-right: 0
}
.mb-0,
.my-0 {
    margin-bottom: 0
}
.ml-0,
.mx-0 {
    margin-left: 0
}
.m-1 {
    margin: 5px
}
.mt-1,
.my-1 {
    margin-top: 5px
}
.mr-1,
.mx-1 {
    margin-right: 5px
}
.mb-1,
.my-1 {
    margin-bottom: 5px
}
.ml-1,
.mx-1 {
    margin-left: 5px
}
.m-2 {
    margin: 10px
}
.mt-2,
.my-2 {
    margin-top: 10px
}
.mr-2,
.mx-2 {
    margin-right: 10px
}
.mb-2,
.my-2 {
    margin-bottom: 10px
}
.ml-2,
.mx-2 {
    margin-left: 10px
}
.m-3 {
    margin: 15px
}
.mt-3,
.my-3 {
    margin-top: 15px
}
.mr-3,
.mx-3 {
    margin-right: 15px
}
.mb-3,
.my-3 {
    margin-bottom: 15px
}
.ml-3,
.mx-3 {
    margin-left: 15px
}
.m-4 {
    margin: 20px
}
.mt-4,
.my-4 {
    margin-top: 20px
}
.mr-4,
.mx-4 {
    margin-right: 20px
}
.mb-4,
.my-4 {
    margin-bottom: 20px
}
.ml-4,
.mx-4 {
    margin-left: 20px
}
.m-5 {
    margin: 30px
}
.mt-5,
.my-5 {
    margin-top: 30px
}
.mr-5,
.mx-5 {
    margin-right: 30px
}
.mb-5,
.my-5 {
    margin-bottom: 30px
}
.ml-5,
.mx-5 {
    margin-left: 30px
}
.m-6 {
    margin: 40px
}
.mt-6,
.my-6 {
    margin-top: 40px
}
.mr-6,
.mx-6 {
    margin-right: 40px
}
.mb-6,
.my-6 {
    margin-bottom: 40px
}
.ml-6,
.mx-6 {
    margin-left: 40px
}
.m-7 {
    margin: 50px
}
.mt-7,
.my-7 {
    margin-top: 50px
}
.mr-7,
.mx-7 {
    margin-right: 50px
}
.mb-7,
.my-7 {
    margin-bottom: 50px
}
.ml-7,
.mx-7 {
    margin-left: 50px
}
.m-8 {
    margin: 60px
}
.mt-8,
.my-8 {
    margin-top: 60px
}
.mr-8,
.mx-8 {
    margin-right: 60px
}
.mb-8,
.my-8 {
    margin-bottom: 60px
}
.ml-8,
.mx-8 {
    margin-left: 60px
}
.m-9 {
    margin: 80px
}
.mt-9,
.my-9 {
    margin-top: 80px
}
.mr-9,
.mx-9 {
    margin-right: 80px
}
.mb-9,
.my-9 {
    margin-bottom: 80px
}
.ml-9,
.mx-9 {
    margin-left: 80px
}
*.mobile {
    display: none !important
}
*.desktop {
    display: block;
}
.content {
    height: 100vh;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.header {
    background-color: rgba(255, 255, 255, 0.1);
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    position: fixed;
    -webkit-transition: background-color 300ms linear, top 0.2s ease-in-out;
    -ms-transition: background-color 300ms linear, top 0.2s ease-in-out;
    transition: background-color 300ms linear, top 0.2s ease-in-out !important;
}
.header .menu-icon {
    color: #fff;
    font-size: 35px;
}
.block {
   display: block    
}
.inline-block {
 display: inline-block    
}
.right{
    float: right;
}
.top {
    vertical-align: top
}
.middle {
    vertical-align: middle
}
.bottom {
    vertical-align: bottom
}
.font-montserrat {
    font-family: Montserrat
}
.font-opensans {
    font-family: Open Sans
}
.light {
    font-weight: 300
}
.normal {
    font-weight: 400
}
.semibold {
    font-weight: 600
}
.bold {
    font-weight: 700
}
.overflow-hidden{
    overflow: hidden;
    _overflow: visible;
    zoom: 1
}
h1,
.header1 {
    font-size: 60px;
    line-height: 1
}
h2,
.header2 {
    font-size: 38px;
    line-height: 1
}
h3,
.header3 {
    font-size: 24px;
    line-height: 1
}
h4,
.header4 {
    font-size: 18px;
    line-height: 1
}
h5,
.header5 {
    font-size: 14px;
    line-height: 1
}
h6,
.header6 {
    font-size: 12px;
    line-height: 1
}
.nav-primary .nav-item {
    cursor: pointer;
    padding-top: 15px;
    padding-bottom: 15px
}
.nav-menu{
    background-color: transparent;
    position: fixed; width: 100%;
    z-index: 9999;
    width: 97%;
    padding: 30px 30px 30px 30px;
    transition: transform 0.2s ease-in-out;
}
.relative{
    position: relative
}
.text-white {
    color: #FFF
}
.text-center{
    text-align: center;
}
.bg-white {
    background-color: #FFF
}
.bg-darkgray {
    background-color: #a9a9a9
}
.bg-ourteam{
    background: url(../images/storylabs/homepage/ourteam-bg.jpg) center repeat;
}
.section{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    min-height: 100vh;
    width: 100vw
}

.height-auto{
    height: auto !important;
}
.banner{
    padding-top: 165px;
}
.quote-1{
    font-size: 24px;
    font-weight: normal;
    color: #747474;
    font-style: italic;
    line-height: 36px;
    width: 60%;
    margin-left: auto;
    margin-right: auto
}
.author-1{
    font-size: 10px;
    color: #b6b6b6;
    line-height: 18px;
    width: 50%;
    margin-left: auto;
    margin-right: auto
}
video {
  width: 730px;
  height: 375px;
}
.storiesscience{
    height: 1400px;
}
.caption-1{
    font-size: 18px;
    font-weight: normal;
    color: #fff
}
.stories{
    font-size: 100px;
    font-weight: 700;
    color: #fadb3f;
    line-height: 100px;
}
.science{
    font-size: 100px;
    color: #fadb3f;
    line-height: 100px;
    text-align: right;
}
.div-stories{
    padding-top: 155px;
}
.div-stories-desc{
    margin-top: 30px;
    padding-left: 0px;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
}
.div-science-desc{
    margin-top: 30px;
    padding-right: 0px;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
}
.div-science{
    padding-top: 155px;
}
.lh-1{
    line-height: 36px;
}
.half-width{
    width: 50%;
}
.quarter-width{
    width: 25%;
}
.align-right{
    text-align: right;
}
.align-left{
    text-align: left;
}
.spacer{
    height: 70px;
}
.pride{
    background: url(../images/storylabs/homepage/summitpride-bg.jpg) center;
    padding-top: 95px
}
.pride-title{
    font-size: 48px;
    color: #54c0e1;
}
.pride-desc{
    font-size: 20px;
    font-weight: normal;
    color: #7e7e7e;
}
.col-3{
    height: 350px;
    float: left;
    width: 33%;
}
.col-3-compressed{
    height: 350px;
    float: left;
    width: 33%;
}
.div-pride{
    margin-top: 130px;
}
.pride-item-label{
    font-size: 60px;
    font-weight: bold;
    color: #54c0e1;
    margin-top: 28px;
}
.pride-item-sub-label-1{
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
}
.pride-item-sub-label-2{
    font-size: 18px;
    color: #868686;
    margin-top: 5px;
    line-height: 26px;
} 
.text-lightgray{
    color: #808080
}
.pride-image{
    height: 100px;
}
.text-dark-gray{
    color: #272727;
}
.hide{
    display: none;
}
.nav-up {
    top: -110px;
}
.transparent{
    background-color: transparent;
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}
.solid{
    background-color: #54c0e1;
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}
.default-bg{
    background-color: #54c0e1;
}

.nativelab-bg{
    background-color: #df405a;
}
.nativelab-head{
    background-color: #df405a;
}
.nativelab-head .labs-box{
 height: 250px;
}
.nativelab-desc{
    margin-top: 30px;
    color: #fff;
    line-height: 30px;
    width: 50%;
    font-size: 18px;
    margin-bottom: 40px;
    font-weight: 700
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.info{
    border-left: 2px dashed #000;
    padding: 30px;
    text-align: center;
    float: left;
    height: 67px;
    margin-top: 50px;
}
.info-num{
    color: #fff;
    font-size: 36px;
    font-family: Montserrat;
    padding-bottom: 10px;
}
.info-desc{
    color: #fff;
    font-size: 14px;
    font-family: Open Sans;
    line-height: 18px;
}
.info-last{
    border-right: 2px dashed #000;
}
.info-last:after{
    clear: both;
}
.case-studies{
    padding-top: 130px;
    padding-bottom: 120px;
    font-size: 40px;
    color: #272727;
    text-align: center;
    line-height: 36px;
}
.cs-container{
    font-family: Montserrat;
}
.cs-container .cs-content{
    padding-left: 18px;
    padding-right: 18px;
    width: 40vw;
    float: left;
}
.cs-container .cs-content-video{
    padding-left: 18px;
    padding-right: 18px;
    width: 25vw;
    float: left;
}
.cs-content-right{
    width: 50vw;
    margin-left: 20vw;
}
.cs-container .image img{
    width: 30vw;
    height: auto;
}
.cs-container .image-left img{
    float: left;
    margin-right: 50px;
}
.cs-container .image-right img{
    float: right;
    margin-left: 50px;
}
.cs-container .image-left iframe,
.cs-container .image-left video{
    float: left !important;
    margin-right: 50px;
    width: 45vw;
    height: 32vw;
}
.cs-container .image-right iframe,
.cs-container .image-right video{
  float: right !important;
  margin-left: 50px;  
  width: 45vw;
  height: 32vw;
}
.cs-container .brand{
  padding-top: 30px;
  font-weight: bold;
  font-size: 24px;  
}
.cs-container .contentlab-brand{
  padding-top: 30px;
  font-weight: bold;
  font-size: 30px;
}
.cs-container .collab-brand{
  padding-top: 30px;
  font-weight: bold;
  font-size: 30px;  
  font-family: Montserrat;
  line-height: 36px;
}
.cs-container .designlab-brand{
  padding-top: 30px;
  font-weight: bold;
  font-size: 30px;  
  font-family: Montserrat;
  line-height: 36px;
}
.cs-container .title{
  margin-top: 37px;
  font-weight: bold;
  font-size: 24px;  
  line-height: 36px;
  font-family: Open Sans;
}
.cs-container .collab-title{
  margin-top: 32px;
  font-weight: bold;
  font-size: 30px;
  font-family: Open Sans;
  text-align: center;
  color: #929292
}
.cs-container .intro{
  margin-top: 18px;
  font-size: 18px;  
  line-height: 20px;
}
.cs-container .blurb{
  margin-top: 42px;
  font-size: 16px;  
  line-height: 26px;
  font-family: Open Sans;
}
.cs-container .contentlab-blurb{
  margin-top: 42px;
  font-size: 16px;  
  line-height: 26px;
  font-family: Open Sans;
}
.cs-container .collab-blurb{
  margin-top: 58px;
  font-size: 20px;  
  line-height: 36px;
  font-family: Open Sans;
  color: #343534;
  font-weight: bold;
}
.cs-container .designlab-blurb{
  margin-top: 40px;
  font-size: 20px;  
  line-height: 36px;
  font-family: Open Sans;
  color: #343534;
  font-weight: 600;
}
.read-more{
    background-color: #fff;
    border-color: #df405a;
    border-style: solid;
    border-radius: 0;
    background: none;
    box-shadow:none;
    border-radius: 0px;
    color: #949494;
    padding: 15px 40px 15px 40px;
    font-size: 16px;
    margin-top: 62px;
    cursor: pointer;
}
.divider-left{
    float: left;
    margin-top: 75px;
    margin-bottom: 75px;
    width: 80vw;
    border-color: #e2e2e2;
    border-style: solid;
}
.divider-right{
    float: right;
    margin-top: 75px;
    margin-bottom: 75px;
    width: 80vw;
    border-color: #e2e2e2;
    border-style: solid;
}
.head-container{
    padding: 120px;
    padding-bottom: 50px;
}
.menu-logo{
    float: left;
}
.labs-child img{
    width: 70px;
    height: 70px;
}
.labs-title{
    font-size: 48px;
    margin-top: 20px;
}
.labs-title span:last-child{
    margin-left: -10px;
}
.labs-blurb{
    color: #fff;
    font-size: 18px;
    margin-top: 5px;
}

.nativelab-bg-container{
  background: #df405a url(../images/storylabs/nativelab/nativelab-banner-image.png)  no-repeat;
  background-position: 65vw 15vw;
  background-size: contain !important; 
}
.collab-bg-container{
    background: #616161 url(../images/storylabs/collab/collab-banner-image.png)  no-repeat;
    background-position: 60vw 15vw;
    background-size: contain !important;
}
.contentlab-bg-container{
    background: #57becb url(../images/storylabs/contentlab/CL_Cover.png)  no-repeat;
    background-position: 60vw 15vw;
    background-size: 40% !important;
}
.designlab-bg-container{
    background: #54c0e1 url(../images/storylabs/designlab/designlab-banner-image.png)  no-repeat;
    background-position: 55vw 20vw;
    background-size: 50% !important;
}
.experiencelab-bg-container{
    background: #f3a262 url(../images/storylabs/experiencelab/experiencelab-banner-image.png)  no-repeat;
    background-position: 65vw 30vh;
    background-size: 40% !important;
}
.printlab-bg-container{
    background: #dd7164 url(../images/storylabs/printlab/printlab-banner-image.jpg)  no-repeat;
    background-position: 60vw 15vh;
    background-size: 60% !important;
}
.videolab-bg-container{
    background: #ffc65b url(../images/storylabs/videolab/videolab-banner-image.png) no-repeat;
    background-position: 75vw 25vh;
    background-size: 35% !important;
}
.learninglab-bg-container{
    background: #57b7a9 url(../images/storylabs/learninglab/learninglab-banner-image.png)  no-repeat;
    background-position: 60vw 10vw;
    background-size: 40% !important;
}

.footer{
   background: url(../images/storylabs/homepage/footer-bg.jpg) center no-repeat;
   background-size: cover;
}
.inquiry-main-title1{
    font-size: 36px;
    color: #54c0e1;
    margin-top: 50px
}
.inquiry-main-title2{
    font-size: 95px;
    color: #54c0e1;
    margin-top: 14px;
}
.inquiry-main-title3{
    font-size: 24px;
    color: #6e6e6e;
    margin-top: 34px;
}
.inquiry-divider{
    display: block;
    height: 1px;
    border: 0;
    border-top: 4px solid #fadb3f;
    padding: 0; 
    margin-top: 50px;
    width: 50px;
}
.inquiry-form{
    margin-top: 60px;
    padding-left: 10px;
    padding-right: 10px;
}
.form-submit{
    background-color: #fff;
    border-color: #54c0e1;
    border-style: solid;
    border-radius: 0;
    background: none;
    box-shadow:none;
    border-radius: 0px;
    color: #949494;
    padding: 15px 40px 15px 40px;
    font-size: 16px;
    margin-top: 60px;
}
.input-group{
    font-family: Montserrat;
    text-align: left;
    font-size: 14px;
    color: #9c9c9c;
    padding-left: 10px;
    padding-right: 10px;
}

.input-group input[type="text"],
.input-group input[type="email"]{
    border: none;
    border-bottom: 1px solid #54c0e1;
    width: 100%;
    background: none;
    padding: 10px;
    color: #9e9e9e
}

.col-2{
    width: 48%;
    float: left;
    margin-right: 15px;
}

.footer-address{
    margin-top: 100px;
    font-family: Open Sans;
    font-size: 16px;
    line-height: 24px;
    color: #949494;
}
.footer-contact{
    margin-top: 100px;
    font-family: Open Sans;
    font-size: 16px;
    line-height: 24px;
    color: #54c0e1;
}
.footer-bottom{
    margin-top: 35px;
    padding-bottom: 60px;
    font-family: Open Sans;
    font-size: 12px;
    line-height: 24px;
    color: #949494;
}
.footer-social{
    margin-top: 35px;
    margin-bottom: 60px;
    display: inline-block;
}
.footer-social img{
    width: 30px;
    height: 30px;
}

.collab-bg{
    background-color:  #616161;
}
.cs-container .designlab-title{
    margin-top: 28px;
    text-align: center;
    color: #808080;
    font-family: Open Sans;
    font-size: 24px;
    font-weight: bold;
}
.cs-container .contentlab-title{
    margin-top: 28px;
    text-align: center;
    color: #808080;
    font-size: 24px;
}
.expertise-div{
    position: relative;
    height: 350px;
    width: 350px;
    border: 5px solid #fff;
    border-radius: 50%;
    margin-top: 20px
}
.expertise-div-left{
    float: left;
}
.expertise-div-right{
    float: right;
}
.expertise-child{
  position: absolute;
  top: 37%;
  height: 350px;
  margin-top: -50px;
  width: 300px;
  left: 1.7vw
}
.expertise-num{
    color: #fff;
    font-size: 30px;
    font-weight: 700;
}
.expertise-title{
    color: #fadb3f;
    font-size: 36px;
    margin-top: 27px
}
.expertise-desc{
    color: #fff;
    font-size: 18px;
    margin-top: 18px;
    line-height: 28px;
}
.our-process{
 background: url(../images/storylabs/homepage/our-process-bg.jpg) center no-repeat;
 background-size: cover;
}
.our-process-main-title{
    font-size: 40px;
    color: #54c0e1;
}
.our-process-main-desc{
    font-size: 20px;
    color: #7e7e7e;
    margin-top: 30px
}
.our-process-div{
    position: relative;
    height: 200px;
    width: 200px;
    margin-left:auto;
    margin-right: auto;
    border: 5px solid #54c0e1;
    border-radius: 50%;
    margin-top: 80px
}
.our-process-child{
  position: absolute;
  top: 45%;
  height: 150px;
  margin-top: -50px;
  width: 150px;
  left: 25px
}
.our-process-num{
    color: #787878;
    font-size: 30px;
    margin-top: 32px
}
.our-process-title{
    color: #343534;
    font-size: 30px;
    margin-top: 12px
}
.our-process-desc{
    color: #6e6e6e;
    font-size: 18px;
    margin-top: 24px;
    line-height: 30px;
}
.our-team-main-title{
    padding-top: 95px;
    padding-bottom: 69px;
    font-size: 40px;
    color: #f6c13c;
    background: url(../images/storylabs/homepage/ourteam-bg.jpg) center repeat;
}
.our-team-box1,
.our-team-box2,
.our-team-box3,
.our-team-box4,
.our-team-box5,
.our-team-box6{
    position: relative;
}
.our-team-box1{
    background: url(../images/storylabs/homepage/ourteam-box1.jpg) center no-repeat;
    position: relative;
}
.our-team-box2{
    background: url(../images/storylabs/homepage/ourteam-box2.jpg) center no-repeat;
    position: relative;
}
.our-team-box3{
    background: url(../images/storylabs/homepage/ourteam-box3.jpg) center no-repeat;
    position: relative;
}
.our-team-box4{
    background: url(../images/storylabs/homepage/ourteam-box4.jpg) center no-repeat;
    position: relative;
}
.our-team-box5{
    background: url(../images/storylabs/homepage/ourteam-box5.jpg) center no-repeat;
    position: relative;
}
.our-team-box6{
    background: url(../images/storylabs/homepage/ourteam-box6.jpg) center no-repeat;
    position: relative;
}
.our-team-container{
    position: absolute;
    bottom: 5vh;
    left: 5vw;
    text-align: left;
}
.our-team-title{
    text-align: left;
    font-size: 24px;
    color: #f6c13c
}
.our-team-desc{
    font-size: 18px;
    color: #fff;
    margin-top: 10px
}
.labs-main-title1{
    font-size: 18px;
    color: #54c0e1;
    margin-top: 95px
}
.labs-main-title2{
    font-size: 40px;
    color: #54c0e1;
    margin-top: 14px;
    margin-bottom: 65px
}
.labs-box-nativelab{
    background: #df405a url(../images/storylabs/nativelab/nativelab-banner-image.png)  no-repeat;
    background-position: right -50px bottom -150px;
    background-size: 400px !important;
}
.labs-box-contentlab{
    background: #57becb url(../images/storylabs/contentlab/CL_Cover.png)  no-repeat;
    background-position: right 20px bottom -40px;
    background-size: 350px !important;
}
.labs-box-videolab{
    background: #ffc65b url(../images/storylabs/videolab/videolab-banner-image.png) no-repeat;
    background-position: right -20px bottom -60px;
    background-size: 400px !important;
}
.labs-box-designlab{
    background: #54c0e1 url(../images/storylabs/designlab/designlab-banner-image.png)  no-repeat;
    background-position: right -100px bottom 10px;
    background-size: 500px !important;
}
.labs-box-collab{
    background: #616161 url(../images/storylabs/collab/collab-banner-image.png)  no-repeat;
    background-position: right -200px bottom -300px;
    background-size: 700px !important;
}
.labs-box-experiencelab{
    background: #f3a262 url(../images/storylabs/experiencelab/experiencelab-banner-image.png)  no-repeat;
    background-position: right -100px bottom 0px;
    background-size: 400px !important;
}
.labs-box-learninglab{
    background: #57b8aa url(../images/storylabs/learninglab/learninglab-banner-image.png)  no-repeat;
    background-position: right -50px bottom -150px;
    background-size: 400px !important;
}
.labs-box-printlab{
    background: #dd7164 url(../images/storylabs/printlab/printlab-banner-image.jpg)  no-repeat;
    background-position: right -50px bottom 50px;
    background-size: 500px !important;
}
.labs-box{
 margin: 13px; 
 height: 330px;
 background-size: cover;
 position: relative;
 padding-left: 50px;
 vertical-align: middle;
}
.contentlab-box{
 height: 450px;
}
.head-container .labs-box{
    padding-left: 6px;
}
.labs-child{
  position: absolute;
  top: 0;
  margin-top: 20px;
}
.labs-child img{
  float: left;
  margin-bottom: 20px;
}

.labs-title{
    clear: both;
    text-align: left;
    margin-top: 30px;
    font-size: 68px;
    font-weight: bold;
}
.labs-title span:last-child{
 margin-left: -8px
}
.labs-blurb{
    margin-top: 10px;
    color: #fff;
    font-size: 24px;
}
.labs-learn-more{
    margin-top: 30px;
    font-size: 18px;
    color: #fff
}
.contentlab-image{
    margin-top: 5%;
}
.connector-right{
    border-top: 5px dashed #fff;
    border-right: 5px dashed #fff;
    height: 180px;
    width: 430px;
    margin-top: 160px;
    margin-left: 380px;
}
.connector-left{
    border-top: 5px dashed #fff;
    border-left: 5px dashed #fff;
    height: 180px;
    width: 430px;
    margin-top: 180px;
    margin-left: 180px;
}
.launch{
    background-color: #fff;
    border-color: #f3a261;
    border-style: solid;
    border-radius: 0;
    background: none;
    box-shadow:none;
    border-radius: 0px;
    color: #949494;
    padding: 15px 40px 15px 40px;
    font-size: 16px;
    margin-top: 62px;
    cursor: pointer;
}
.desktop-spacer-small{
    margin-top: 40px;
}
.desktop-spacer{
    margin-top: 80px;
}
.desktop-spacer-large{
    margin-top: 120px;
}
.desktop-spacer-xlarge{
    margin-top: 150px;
}
.experiencelab-bg{
    background-color:  #f3a261;
}
.designlab-bg{
    background-color:  #53c0e1;
}
.printlab-bg{
    background-color:  #dd7164;
}
.videolab-bg{
    background-color:  #ffc65b;
}
.learninglab-bg{
    background-color: #57b7a9;
}
.notification {
    left: 0;
    right: 0;
    top: 0;
    z-index: 101;
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    color: #000;
    font-family: Montserrat;
    background: #fff;
    padding-left: 80px;
}
.notification p{
    padding: 20px;
}
.notification.active {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.notification .text {
    width: 60%
}
.notification .notif-close {
    right: 20px;
    top: 14px;
    border: 1px solid #000;
    cursor: pointer;
    padding-left: 6px;
    padding-right: 6px
}
.fixed{
   position: fixed
}
.contentlab-bg{
    background-color:  #57becb;
}
.translate-left{
    transform: translateX(-10vw);
    height: 350px !important;
    width: auto !important;
}
.translate-right{
    transform: translateX(10vw);
    height: 350px !important;
    width: auto !important;
}
.social-media-post{
    font-size: 20px !important;
    line-height: 36px;
}
.expertise-1{
    font-size: 24px !important;
    color: #fadb3f;
}
.expertise-2{
    font-size: 48px !important;
    color: #fadb3f;
    margin-top: 14px;
    margin-bottom: 60px;
}
.cs-mdash{
    height: 2px;
    width: 30px;
    border: none;
    background-color: #272727;
    display: inline-block;
    vertical-align: middle;
}
.blue-mdash{
    height: 2px;
    width: 30px;
    border: none;
    background-color: #54c0e1;
    display: inline-block;
    vertical-align: middle;
}
.yellow-mdash{
    height: 2px;
    width: 30px;
    border: none;
    background-color: #fadb3f;
    display: inline-block;
    vertical-align: middle;
}
.pad-fix{
    margin-left: -3px;
}

.contentlab-video{
    width: auto;
    height: auto;
    margin-top: 70px;
}
.home-video{
    height: 375px;
    width: 730px;
    margin-top: 30px;
}
@media only screen and (min-device-width: 361px) and (max-device-width: 480px) {
    *.mobile {
        display: block !important
    }
    *.desktop {
        display: none !important
    }
    .input-group input[type="text"],
    .input-group input[type="email"]{
        border: none;
        border-bottom: 1px solid #54c0e1;
        width: 85vw;
        background: none;
        padding: 10px;
        color: #9e9e9e
    }
    .nav-up {
        top: -80px;
    }
    .head-container{
        padding: 0px;
        padding-top: 80px;
    }
    .menu-logo{
        float: none;
        padding: 15px;
    }
    .nav-primary {
        width: 100vw;
        padding-top: 0px;
        display: block;
        text-align: center;
        will-change: transform;
        -moz-backface-visibility: visible;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -moz-transform: translateY(-200%);
        -ms-transform: translateY(-200%);
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%);
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -webkit-transition-property: -webkit-transform;
        transition-property: transform;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        transition-duration: 300ms;
        -moz-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -moz-transition-delay: 0;
        -o-transition-delay: 0;
        -webkit-transition-delay: 0;
        transition-delay: 0;
    }
    .nav-primary.active {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .nav-primary .nav-item {
        display: block;
        padding: 10px;
        background: #54c0e1;
        font-size: 28px;
        margin-bottom: -1px;
    }
    .nav-primary .nav-item:first-child {
        padding-top: 30px;
    }
    .nav-primary .nav-item:last-child {
        padding-bottom: 40px;
    }
    .nav-primary .nav-item a{
        color: #fff;
        text-transform: uppercase;
    }
    .nav-menu{
        width: 100%;
        padding: 0px;
    }
    .header .menu-icon {
        padding-top: 5px;
    }
    .section.teaser {
        background: url(../images/storylabs/homepage/home-bg-top.jpg) center no-repeat;
        background-size: cover
    }
    .header1 {
        font-size: 24px;
        line-height: 1
    }
    .header2 {
        font-size: 18px;
        line-height: 1
    }
    .header3 {
        font-size: 16px;
        line-height: 1
    }
    .header4 {
        font-size: 14px;
        line-height: 1
    }
    .header5 {
        font-size: 12px;
        line-height: 1
    }
    .header6 {
        font-size: 12px;
        line-height: 1
    }
    .header {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 80px;
        padding-bottom: 10px;
        text-align: left;
        transition: top 0.2s ease-in-out;
    }
    .header .site-logo {
        width: 30px;
        height: 30px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-left: 10px;
        margin-right: 0
    }
    .content {
        width: auto;
        margin: auto
    }
    .banner{
        width: 90vw
    }
    .quote-1{
        width: 75%;
    }
    .author-1{
        font-size: 12px;
        width: 100%;
        line-height: 20px;
    }
    video {
        width: 90vw;
        height: auto;
        padding-left: 10px;
        padding-right: 10px
    }
    .storiesscience{
        height: auto;
        background: url(../images/storylabs/homepage/storiesscience-bg.jpg) center no-repeat;
        background-size: cover
    }
    .stories{
        font-size: 50px;
        font-weight: 700;
        color: #fadb3f;
        line-height: 50px;
    }
    .science{
        font-size: 50px;
        font-weight: 700;
        color: #fadb3f;
        line-height: 50px;
        text-align: right;
    }
    .div-stories{
        padding-top: 100px;
        padding-left: 20px;
    }
    .div-stories-desc{
        margin-top: 10px;
        padding-left: 25px;
        line-height: 24px;
        font-size: 18px;
    }
    .div-science{
        padding-top: 100px;
        padding-right: 20px
    }
    .div-science-desc{
        margin-top: 10px;
        padding-right: 25px;
        line-height: 24px;
        font-size: 18px;
    }
    .lh-1{
        line-height: 24px;
    }
    .spacer{
        height: 50px;
        display: block !important;
    }
    .pride{
        background: url(../images/storylabs/homepage/summitpride-bg.jpg) center;
    }
    .pride-title{
        font-size: 40px;
        color: #54c0e1;
    }
    .col-3{
        height: 350px;
        float: none;
        width: auto;
        margin-right: 0px;
    }
    .col-3-compressed{
        height: 350px;
        float: none;
        width: auto;
    }
    .div-pride{
        margin-top: 70px;
    }
    .pride-item-sub-label-1{
        font-size: 24px;
        font-weight: bold
    }
    .expertise{
       background: url(../images/storylabs/homepage/expertise-bg.jpg) center no-repeat;
       background-size: cover;
   }
   .expertise-div{
    position: relative;
    height: 80vw;
    width: 80vw;
    margin-left:auto;
    margin-right: auto;
    border: 5px solid #fff;
    border-radius: 50%;
    margin-top: 120px
    }
    .expertise-div-left{
        float: none;
    }
    .expertise-div-right{
        float: none;
    }
    .expertise-child{
      position: absolute;
      top: 35%;
      height: 70vw;
      margin-top: -50px;
      width: 70vw;
      left: 5vw
    }
    .expertise-num{
        color: #fff;
        font-size: 30px
    }
    .expertise-title{
        color: #fadb3f;
        font-size: 30px;
        margin-top: 36px
    }
    .expertise-desc{
        color: #fff;
        font-size: 20px;
        margin-top: 18px;
        line-height: 20px;
    }
    .our-process{
       background: url(../images/storylabs/homepage/our-process-bg.jpg) center no-repeat;
       background-size: cover;
    }
    .our-process-main-title{
        font-size: 40px;
        color: #54c0e1;
    }
    .our-process-main-desc{
        font-size: 17px;
        color: #7e7e7e;
        margin-top: 15px
    }
    .our-process-div{
        position: relative;
        height: 80vw;
        width: 80vw;
        margin-left:auto;
        margin-right: auto;
        border: 5px solid #54c0e1;
        border-radius: 50%;
        margin-top: 80px
    }
    .our-process-child{
      position: absolute;
      top: 48%;
      height: 70vw;
      margin-top: -50px;
      width: 70vw;
      left: 4.3vw
    }
    .our-process-num{
        color: #787878;
        font-size: 30px;
        margin-top: 32px
    }
    .our-process-title{
        color: #343534;
        font-size: 30px;
        margin-top: 15px
    }
    .our-process-desc{
        color: #6e6e6e;
        font-size: 20px;
        margin-top: 30px;
    }
    .our-team-main-title{
        padding-top: 95px;
        padding-bottom: 69px;
        font-size: 40px;
        color: #f6c13c;
        background: url(../images/storylabs/homepage/ourteam-bg.jpg) center repeat;
    }
    .our-team-box1,
    .our-team-box2,
    .our-team-box3,
    .our-team-box4,
    .our-team-box5,
    .our-team-box6{
        position: relative;
    }
    .our-team-box1{
        background: url(../images/storylabs/homepage/ourteam-box1.jpg) center no-repeat;
        position: relative;
    }
    .our-team-box2{
        background: url(../images/storylabs/homepage/ourteam-box2.jpg) center no-repeat;
        position: relative;
    }
    .our-team-box3{
        background: url(../images/storylabs/homepage/ourteam-box3.jpg) center no-repeat;
        position: relative;
    }
    .our-team-box4{
        background: url(../images/storylabs/homepage/ourteam-box4.jpg) center no-repeat;
        position: relative;
    }
    .our-team-box5{
        background: url(../images/storylabs/homepage/ourteam-box5.jpg) center no-repeat;
        position: relative;
    }
    .our-team-box6{
        background: url(../images/storylabs/homepage/ourteam-box6.jpg) center no-repeat;
        position: relative;
    }
    .our-team-container{
        position: absolute;
        bottom: 5vh;
        left: 5vw;
        text-align: left;
    }
    .our-team-title{
        text-align: left;
        font-size: 24px;
        color: #f6c13c
    }
    .our-team-desc{
        font-size: 18px;
        color: #fff;
        margin-top: 10px
    }
    .labs-main-title1{
        font-size: 18px;
        color: #54c0e1;
        margin-top: 95px
    }
    .labs-main-title2{
        font-size: 40px;
        color: #54c0e1;
        margin-top: 18px;
        margin-bottom: 65px
    }
    .labs-box-nativelab{
        background: #df405a url(../images/storylabs/nativelab/nativelab-banner-image.png)  no-repeat;
        background-position: 50vw 25vw;
        background-size: contain !important;
    }
    .labs-box-contentlab{
        background: #57becb url(../images/storylabs/contentlab/CL_Cover.png)  no-repeat;
        background-position: right -40px bottom -45vw;
        background-size: contain !important;
    }
    .labs-box-videolab{
        background: #ffc65b url(../images/storylabs/videolab/videolab-banner-image.png) no-repeat;
        background-position: 60vw 20vw;
        background-size: 50% !important;
    }
    .labs-box-designlab{
        background: #54c0e1 url(../images/storylabs/designlab/designlab-banner-image.png)  no-repeat;
        background-position: right -171px bottom -127px;
        background-size: contain !important;
    }
    .labs-box-collab{
        background: #616161 url(../images/storylabs/collab/collab-banner-image.png)  no-repeat;
        background-position: 50vw 25vw;
        background-size: contain !important;
    }
    .labs-box-experiencelab{
        background: #f3a262 url(../images/storylabs/experiencelab/experiencelab-banner-image.png)  no-repeat;
        background-position: right -160px bottom -135px;
        background-size: contain !important;
    }
    .labs-box-learninglab{
        background: #57b8aa url(../images/storylabs/learninglab/learninglab-banner-image.png)  no-repeat;
        background-position: right 0px bottom -60px;
        background-size: 40% !important;
    }
    .labs-box-printlab{
        background: #dd7164 url(../images/storylabs/printlab/printlab-banner-image.jpg)  no-repeat;
        background-position: right -20px bottom 10px;
        background-size: 200px !important;
    }
    .labs-box{
       margin: 13px; 
       height: 295px;
       background-size: cover;
       position: relative;
       padding-left: 10px;
       vertical-align: middle;
    }
    .labs-child{
      position: absolute;
      top: 0;
      margin-top: 55px;
    }
    .labs-child img{
      float: left;
      margin-bottom: 23px;
    }

    .labs-title{
        clear: both;
        text-align: left;
        margin-top: 20px;
        font-size: 34px;
        font-weight: bold;
    }
    .labs-title span:last-child{
       margin-left: -8px
    }
    .labs-blurb{
        margin-top: 10px;
        color: #fff;
        font-size: 14px;
    }
    .labs-learn-more{
        margin-top: 30px;
        font-size: 10px;
        color: #fff
    }
    .footer{
     background: url(../images/storylabs/homepage/footer-bg.jpg) center no-repeat;
     background-size: cover;
    }
    .inquiry-main-title1{
        font-size: 18px;
        color: #54c0e1;
        margin-top: 50px
    }
    .inquiry-main-title2{
        font-size: 40px;
        color: #54c0e1;
        margin-top: 20px;
    }
    .inquiry-main-title3{
        font-size: 12px;
        color: #6e6e6e;
        margin-top: 20px;
    }
    .inquiry-divider{
        display: block;
        height: 1px;
        border: 0;
        border-top: 4px solid #fadb3f;
        padding: 0; 
        margin-top: 50px;
        width: 50px;
    }
    .inquiry-form{
        margin-top: 60px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .form-submit{
        background-color: #fff;
        border-color: #54c0e1;
        border-style: solid;
        border-radius: 0;
        background: none;
        box-shadow:none;
        border-radius: 0px;
        color: #949494;
        padding: 15px 40px 15px 40px;
        font-size: 16px;
        margin-top: 60px;
    }
    .input-group{
        font-family: Montserrat;
        text-align: left;
        font-size: 14px;
        color: #9c9c9c;
        padding-left: 10px;
        padding-right: 10px;
    }

    .input-group input[type="text"],
    .input-group input[type="email"]{
        border: none;
        border-bottom: 1px solid #54c0e1;
        width: 85vw;
        background: none;
        padding: 10px;
        color: #9e9e9e
    }

    .footer-address{
        margin-top: 75px;
        font-family: Open Sans;
        font-size: 16px;
        line-height: 24px;
        color: #949494;
    }
    .footer-contact{
        margin-top: 30px;
        font-family: Open Sans;
        font-size: 16px;
        line-height: 24px;
        color: #54c0e1;
    }
    .footer-bottom{
        margin-top: 65px;
        padding-bottom: 0px;
        font-family: Open Sans;
        font-size: 12px;
        line-height: 24px;
        color: #949494;
    }
    .footer-social{
        margin-top: 42px;
        margin-bottom: 40px;
        display: inline-block;
    }
    .footer-social img{
        width: 30px;
        height: 30px;
    }

    /*NATIVELAB*/
    .nativelab-bg{
        background-color: #df405a;
    }
    .nativelab-head{
        background-color: #df405a;
    }
    .nativelab-head .labs-box{
       height: 250px;
    }
    .nativelab-desc{
        margin-top: 30px;
        color: #fff;
        font-size: 12px;
        line-height: 18px;
        width: auto;
        padding-right: 90px;
    }
    .nativelab-image-placeholder{
        background: #df405a url(../images/storylabs/nativelab/nativelab-banner-image.png)  no-repeat;
        background-position: 50vw 1vw;
        background-size: 60% !important;
        height: 200px;
    }
    .info{
        border: 0px;
        border-top: 4px dashed #000;
        padding: 25px 30px 30px 30px;
        text-align: center;
        float: none;
        height: auto;
        margin-top: 0px;
    }
    .info-num{
        color: #fff;
        font-size: 40px;
        font-family: Montserrat;
        padding-bottom: 10px;
    }
    .info-desc{
        color: #fff;
        font-size: 18px;
        font-family: Open Sans;
    }
    .info-last{
        border-bottom: 4px dashed #000;
    }
    .case-studies{
        padding-top: 95px;
        padding-bottom: 69px;
        font-size: 40px;
        color: #000;
        text-align: center;
    }
    .cs-container{
        font-family: Montserrat;
    }
    .cs-container .cs-content,
    .cs-container .cs-content-video{
        padding-left: 18px;
        padding-right: 18px;
        width: 90vw;
        float: none;
    }
    .cs-content-right{
        width: auto;
        margin-left: 0;
    }
    .cs-container .image img{
        width: 100vw;
        height: auto;
        float: none;
        margin-right: 0px;
    }
    .cs-container .image-left img{
        float: none;
        margin-right: 0px;
    }
    .cs-container .image-right img{
        float: none;
        margin-left: 0px;
    }
    .cs-container .image-left iframe,
    .cs-container .image-left video{
        float: none;
        margin-left: 0px;
        width: 100vw;
        height: 75vw;
    }
    .cs-container .image-right iframe,
    .cs-container .image-right video{
        float: none;
        margin-left: 0px; 
        width: 100vw;
        height: 75vw;
    }
    .cs-container .brand,
    .cs-container .collab-brand,
    .cs-container .contentlab-brand,
    .cs-container .designlab-title{
        padding-top: 0px;
        margin-top: 68px;
        font-weight: bold;
        font-size: 24px;  
    }
    .cs-container .title,
    .cs-container .collab-title,
    .cs-container .contentlab-title,
    .cs-container .designlab-title{
      margin-top: 37px;
      font-weight: bold;
      font-size: 18px;  
      line-height: 24px;
      font-family: Open Sans;
    }
    .cs-container .intro{
      margin-top: 25px;
      font-size: 16px;  
      line-height: 20px;
    }
    .cs-container .blurb,
    .cs-container .collab-blurb,
    .cs-container .contentlab-blurb,
    .cs-container .designlab-blurb{
      margin-top: 42px;
      font-size: 14px;  
      line-height: 24px;
      font-family: Open Sans;
    }
    .read-more{
        background-color: #fff;
        border-color: #df405a;
        border-style: solid;
        border-radius: 0;
        background: none;
        box-shadow:none;
        border-radius: 0px;
        color: #949494;
        padding: 15px 40px 15px 40px;
        font-size: 16px;
        margin-top: 62px;
    }
    .divider-left{
        float: left;
        margin-top: 68px;
        margin-bottom: 68px;
        width: 80vw
    }
    .divider-right{
        float: right;
        margin-top: 68px;
        margin-bottom: 68px;
        width: 80vw
    }

    /*CONTENTLAB*/
    .contentlab-image-placeholder{
        background: #57bfcc url(../images/storylabs/contentlab/CL_Cover.png)  no-repeat;
        background-position: 50vw 5vw;
        background-size: 50% !important;
        height: 200px;
    }
    .contentlab-bg{
        background-color: #57bfcc;
    }
    .cs-container .contentlab-title{
        margin-top: 20px;
        text-align: center;
        color: #808080;
    }

    /*VIDEOLAB*/
    .videolab-image-placeholder{
        background: #ffc65b url(../images/storylabs/videolab/videolab-banner-image.png)  no-repeat;
        background-position: 60vw 1vw;
        background-size: 45% !important;
        height: 200px;
    }
    .videolab-bg{
        background-color:  #ffc65b;
    }

    /*DESIGNLAB*/
    .designlab-image-placeholder{
        background: #53c0e1 url(../images/storylabs/designlab/designlab-banner-image.png)  no-repeat;
        background-position: 40vw 1vw;
        background-size: contain !important;
        height: 200px;
    }
    .designlab-bg{
        background-color:  #53c0e1;
    }
    .cs-container .designlab-title{
        margin-top: 20px;
        text-align: center;
        color: #808080;
    }
    .translate-left{
        transform: translateX(-20vw);
        height: auto !important;
        width: 100vw !important;
    }
    .translate-right{
        transform: translateX(20vw);
        height: auto !important;
        width: 100vw !important;
    }

    /*COLLAB*/
    .collab-image-placeholder{
        background: #616161 url(../images/storylabs/collab/collab-banner-image.png)  no-repeat;
        background-position: 40vw 0vw;
        background-size: 80% !important;
        height: 200px;
    }
    .collab-bg{
        background-color:  #616161;
    }

    /*EXPERIENCELAB*/
    .experiencelab-image-placeholder{
        background: #f3a261 url(../images/storylabs/experiencelab/experiencelab-banner-image.png)  no-repeat;
        background-position: 38vw -5vw;
        background-size: 70% !important;
        height: 200px;
    }
    .experiencelab-bg{
        background-color:  #f3a261;
    }
    .launch{
        background-color: #fff;
        border-color: #f3a261;
        border-style: solid;
        border-radius: 0;
        background: none;
        box-shadow:none;
        border-radius: 0px;
        color: #949494;
        padding: 15px 40px 15px 40px;
        font-size: 16px;
        margin-top: 62px;
    }

    /*LEARNINGLAB*/
    .learninglab-image-placeholder{
        background: #57b7a9 url(../images/storylabs/learninglab/learninglab-banner-image.png)  no-repeat;
        background-position: 40vw 0vw;
        background-size: 60% !important;
        height: 200px;
    }
    .learninglab-bg{
        background-color:  #57b7a9;
    }
    .learninglab-border{
         border-color:  #57b7a9;
    }

    /*PRINTLAB*/
    .printlab-image-placeholder{
        background: #dd7164 url(../images/storylabs/printlab/printlab-banner-image.jpg)  no-repeat;
        background-position: 40vw 0vw;
        background-size: contain !important;
        height: 200px;
    }
    .printlab-bg{
        background-color:  #dd7164;
    }

    .nativelab-bg-container{
        background: #df405a;
    }
    .collab-bg-container{
        background: #616161;
    }
    .contentlab-bg-container{
        background: #57becb;
    }
    .designlab-bg-container{
        background: #54c0e1;
    }
    .experiencelab-bg-container{
        background: #f3a262;
    }
    .printlab-bg-container{
        background:  #dd7164;
    }
    .videolab-bg-container{
        background: #ffc65b;
    }
    .learninglab-bg-container{
        background: #57b7a9;
    }
    .contentlab-image{
        margin-top: 0px;
    }
    .connector-right{
       border-top: 0px; 
       border-right: 5px dashed #fff;
       height: 10vh;
       width: 40vw;
       margin-top: 0px; 
       margin-left: 0px; 
       position: absolute;
       top: 48vh;
    }
    .connector-left{
       border-left: 0px;
       border-top: 0px; 
       border-right: 5px dashed #fff;
       height: 10vh;
       width: 40vw;
       margin-top: 0px; 
       margin-left: 0px; 
       position: absolute;
       top: 48vh;
    }
    .desktop-spacer,
    .desktop-spacer-small,
    .desktop-spacer-large,
    .desktop-spacer-xlarge{
        margin-top: 0px;
    }
    .social-media-post{
        font-size: 18px !important;
    }
    .notification{
        padding-left: 0px;
    }
    .notification p{
        padding: 33px;
        width: 60%;
    }
    .notification .text{
        width: 70%;
    }
    .notification .notif-close {
        right: 30px;
        top: 35px;
    }
    .contentlab-box{
        height: 450px;
    }
    .our-work .labs-child{
        margin-top: 20px;
    }
    .our-work .labs-box{
        height: 260px;
    }
    .contentlab-video{
        width: auto;
        height: auto;
        margin-top: 20px;
        text-align: center;
    }
    .home-video{
        height: 60vw;
        width: 90vw;
        margin-top: 30px;
    }
}


/*mobile <= 360px*/
@media only screen and (max-device-width: 360px) {
    *.mobile {
        display: block !important
    }
    *.desktop {
        display: none !important
    }
    .input-group input[type="text"],
    .input-group input[type="email"]{
        border: none;
        border-bottom: 1px solid #54c0e1;
        width: 80vw;
        background: none;
        padding: 10px;
        color: #9e9e9e
    }
    .caption-1{
        font-size: 16px;
        font-weight: normal;
        color: #fff
    }
    .nav-up {
        top: -80px;
    }
    .head-container{
        padding: 0px;
        padding-top: 80px;
    }
    .menu-logo{
        float: none;
        padding: 15px;
    }
    .nav-primary {
        width: 100vw;
        padding-top: 0px;
        display: block;
        text-align: center;
        will-change: transform;
        -moz-backface-visibility: visible;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -moz-transform: translateY(-200%);
        -ms-transform: translateY(-200%);
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%);
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -webkit-transition-property: -webkit-transform;
        transition-property: transform;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        transition-duration: 300ms;
        -moz-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -moz-transition-delay: 0;
        -o-transition-delay: 0;
        -webkit-transition-delay: 0;
        transition-delay: 0;
    }
    .nav-primary.active {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .nav-primary .nav-item {
        display: block;
        padding: 10px;
        background: #54c0e1;
        font-size: 28px;
        margin-bottom: -1px;
    }
    .nav-primary .nav-item:first-child {
        padding-top: 30px;
    }
    .nav-primary .nav-item:last-child {
        padding-bottom: 40px;
    }
    .nav-primary .nav-item a{
        color: #fff;
        text-transform: uppercase;
    }
    .nav-menu{
        width: 100%;
        padding: 0px;
    }
    .header .menu-icon {
        padding-top: 5px;
    }
    .section.teaser {
        background: url(../images/storylabs/homepage/home-bg-top.jpg) center no-repeat;
        background-size: cover
    }
    .header1 {
        font-size: 22px;
        line-height: 1
    }
    .header2 {
        font-size: 16px;
        line-height: 1
    }
    .header3 {
        font-size: 14px;
        line-height: 1
    }
    .header4 {
        font-size: 12px;
        line-height: 1
    }
    .header5 {
        font-size: 10px;
        line-height: 1
    }
    .header6 {
        font-size: 11px;
        line-height: 1
    }
    .header {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 80px;
        padding-bottom: 10px;
        text-align: left;
        transition: top 0.2s ease-in-out;
    }
    .header .site-logo {
        width: 30px;
        height: 30px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-left: 10px;
        margin-right: 0
    }
    .content {
        width: auto;
        margin: auto
    }
    .banner{
        width: 90vw
    }
    .quote-1{
        width: 75%;
    }
    .author-1{
        font-size: 12px;
        width: 50%;
        line-height: 20px;
    }
    video {
        width: 90vw;
        height: auto;
        padding-left: 10px;
        padding-right: 10px
    }
    .storiesscience{
        height: auto;
        background: url(../images/storylabs/homepage/storiesscience-bg.jpg) center no-repeat;
        background-size: cover
    }
    .stories{
        font-size: 40px;
        font-weight: 700;
        color: #fadb3f;
        line-height: 40px;
    }
    .science{
        font-size: 40px;
        font-weight: 700;
        color: #fadb3f;
        line-height: 40px;
        text-align: right;
    }
    .div-stories{
        padding-top: 100px;
        padding-left: 20px
    }
    .div-stories-desc{
        margin-top: 10px;
        padding-left: 25px;
        width: 80%;
        line-height: 24px;
        font-size: 18px;
    }
    .div-science{
        padding-top: 100px;
        padding-right: 20px
    }
    .div-science-desc{
        margin-top: 10px;
        padding-right: 25px;
        line-height: 24px;
        font-size: 18px;
    }
    .lh-1{
        line-height: 24px;
    }
    .spacer{
        height: 50px;
        display: block !important;
    }
    .pride{
        background: url(../images/storylabs/homepage/summitpride-bg.jpg) center;
    }
    .pride-title{
        font-size: 30px;
        color: #54c0e1;
    }
    .col-3{
        height: 350px;
        float: none;
        width: auto;
        margin-right: 0px;
    }
    .col-3-compressed{
        height: 350px;
        float: none;
        width: auto;
    }
    .div-pride{
        margin-top: 70px;
    }
    .pride-item-sub-label-1{
        font-size: 24px;
        font-weight: bold
    }
    .expertise{
       background: url(../images/storylabs/homepage/expertise-bg.jpg) center no-repeat;
       background-size: cover;
   }
   .expertise-div{
    position: relative;
    height: 80vw;
    width: 80vw;
    margin-left:auto;
    margin-right: auto;
    border: 5px solid #fff;
    border-radius: 50%;
    margin-top: 120px
    }
    .expertise-div-left{
        float: none;
    }
    .expertise-div-right{
        float: none;
    }
    .expertise-child{
        position: absolute;
        top: 30%;
        height: 70vw;
        margin-top: -50px;
        width: 60vw;
        left: 10vw;
    }
    .expertise-num{
        color: #fff;
        font-size: 30px
    }
    .expertise-title{
        color: #fadb3f;
        font-size: 26px;
        margin-top: 28px
    }
    .expertise-desc{
        color: #fff;
        font-size: 18px;
        margin-top: 18px;
        line-height: 20px;
    }
    .our-process{
       background: url(../images/storylabs/homepage/our-process-bg.jpg) center no-repeat;
       background-size: cover;
    }
    .our-process-main-title{
        font-size: 30px;
        color: #54c0e1;
    }
    .our-process-main-desc{
        font-size: 17px;
        color: #7e7e7e;
        margin-top: 15px;
        padding: 10px;
        line-height: 24px;
    }
    .our-process-div{
        position: relative;
        height: 80vw;
        width: 80vw;
        margin-left:auto;
        margin-right: auto;
        border: 5px solid #54c0e1;
        border-radius: 50%;
        margin-top: 80px
    }
    .our-process-child{
      position: absolute;
      top: 48%;
      height: 70vw;
      margin-top: -50px;
      width: 70vw;
      left: 4.3vw
    }
    .our-process-num{
        color: #787878;
        font-size: 30px;
        margin-top: 32px
    }
    .our-process-title{
        color: #343534;
        font-size: 30px;
        margin-top: 15px
    }
    .our-process-desc{
        color: #6e6e6e;
        font-size: 20px;
        margin-top: 30px;
    }
    .our-team-main-title{
        padding-top: 95px;
        padding-bottom: 69px;
        font-size: 40px;
        color: #f6c13c;
        background: url(../images/storylabs/homepage/ourteam-bg.jpg) center repeat;
    }
    .our-team-box1,
    .our-team-box2,
    .our-team-box3,
    .our-team-box4,
    .our-team-box5,
    .our-team-box6{
        position: relative;
    }
    .our-team-box1{
        background: url(../images/storylabs/homepage/ourteam-box1.jpg) center no-repeat;
        position: relative;
    }
    .our-team-box2{
        background: url(../images/storylabs/homepage/ourteam-box2.jpg) center no-repeat;
        position: relative;
    }
    .our-team-box3{
        background: url(../images/storylabs/homepage/ourteam-box3.jpg) center no-repeat;
        position: relative;
    }
    .our-team-box4{
        background: url(../images/storylabs/homepage/ourteam-box4.jpg) center no-repeat;
        position: relative;
    }
    .our-team-box5{
        background: url(../images/storylabs/homepage/ourteam-box5.jpg) center no-repeat;
        position: relative;
    }
    .our-team-box6{
        background: url(../images/storylabs/homepage/ourteam-box6.jpg) center no-repeat;
        position: relative;
    }
    .our-team-container{
        position: absolute;
        bottom: 5vh;
        left: 5vw;
        text-align: left;
    }
    .our-team-title{
        text-align: left;
        font-size: 24px;
        color: #f6c13c
    }
    .our-team-desc{
        font-size: 18px;
        color: #fff;
        margin-top: 10px
    }
    .labs-main-title1{
        font-size: 17px;
        color: #54c0e1;
        margin-top: 95px
    }
    .labs-main-title2{
        font-size: 30px;
        color: #54c0e1;
        margin-top: 18px;
        margin-bottom: 65px
    }
    .labs-box-nativelab{
        background: #df405a url(../images/storylabs/nativelab/nativelab-banner-image.png)  no-repeat;
        background-position: 50vw 25vw;
        background-size: contain !important;
    }
    .labs-box-contentlab{
        background: #57becb url(../images/storylabs/contentlab/CL_Cover.png)  no-repeat;
        background-position: right -50px bottom -57vw;
        background-size: contain !important;
    }
    .labs-box-videolab{
        background: #ffc65b url(../images/storylabs/videolab/videolab-banner-image.png) no-repeat;
        background-position: right -24px bottom 0px;
        background-size: 50% !important;
    }
    .labs-box-designlab{
        background: #54c0e1 url(../images/storylabs/designlab/designlab-banner-image.png)  no-repeat;
        background-position: 40vw 50vw;
        background-size: contain !important;
    }
    .labs-box-collab{
        background: #616161 url(../images/storylabs/collab/collab-banner-image.png)  no-repeat;
        background-position: 50vw 25vw;
        background-size: contain !important;
    }
    .labs-box-experiencelab{
        background: #f3a262 url(../images/storylabs/experiencelab/experiencelab-banner-image.png)  no-repeat;
        background-position: right -155px bottom -130px;
        background-size: contain !important;
    }
    .labs-box-learninglab{
        background: #57b8aa url(../images/storylabs/learninglab/learninglab-banner-image.png)  no-repeat;
        background-position: right 6px bottom -45px;
        background-size: 40% !important;
    }
    .labs-box-printlab{
        background: #dd7164 url(../images/storylabs/printlab/printlab-banner-image.jpg)  no-repeat;
        background-position: right -65px bottom 5px;
        background-size: 70% !important;
    }
    .labs-box{
       margin: 13px; 
       height: 295px;
       background-size: cover;
       position: relative;
       padding-left: 10px;
       vertical-align: middle;
    }
    .labs-child{
      position: absolute;
      top: 0;
      margin-top: 35px;
    }
    .labs-child img{
      float: left;
      margin-bottom: 23px;
    }

    .labs-title{
        clear: both;
        text-align: left;
        margin-top: 20px;
        font-size: 30px;
        font-weight: bold;
    }
    .labs-title span:last-child{
       margin-left: -8px
    }
    .labs-blurb{
        margin-top: 10px;
        color: #fff;
        font-size: 14px;
    }
    .labs-learn-more{
        margin-top: 30px;
        font-size: 10px;
        color: #fff
    }
    .footer{
     background: url(../images/storylabs/homepage/footer-bg.jpg) center no-repeat;
     background-size: cover;
    }
    .inquiry-main-title1{
        font-size: 18px;
        color: #54c0e1;
        margin-top: 50px
    }
    .inquiry-main-title2{
        font-size: 40px;
        color: #54c0e1;
        margin-top: 20px;
    }
    .inquiry-main-title3{
        font-size: 12px;
        color: #6e6e6e;
        margin-top: 20px;
    }
    .inquiry-divider{
        display: block;
        height: 1px;
        border: 0;
        border-top: 4px solid #fadb3f;
        padding: 0; 
        margin-top: 50px;
        width: 50px;
    }
    .inquiry-form{
        margin-top: 60px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .form-submit{
        background-color: #fff;
        border-color: #54c0e1;
        border-style: solid;
        border-radius: 0;
        background: none;
        box-shadow:none;
        border-radius: 0px;
        color: #949494;
        padding: 15px 40px 15px 40px;
        font-size: 16px;
        margin-top: 60px;
    }
    .input-group{
        font-family: Montserrat;
        text-align: left;
        font-size: 14px;
        color: #9c9c9c;
        padding-left: 10px;
        padding-right: 10px;
    }

    .input-group input[type="text"],
    .input-group input[type="email"]{
        border: none;
        border-bottom: 1px solid #54c0e1;
        width: 80vw;
        background: none;
        padding: 10px;
        color: #9e9e9e
    }

    .footer-address{
        margin-top: 75px;
        font-family: Open Sans;
        font-size: 16px;
        line-height: 24px;
        color: #949494;
    }
    .footer-contact{
        margin-top: 30px;
        font-family: Open Sans;
        font-size: 16px;
        line-height: 24px;
        color: #54c0e1;
    }
    .footer-bottom{
        margin-top: 65px;
        padding-bottom: 0px;
        font-family: Open Sans;
        font-size: 12px;
        line-height: 24px;
        color: #949494;
    }
    .footer-social{
        margin-top: 42px;
        margin-bottom: 40px;
        display: inline-block;
    }
    .footer-social img{
        width: 30px;
        height: 30px;
    }

    /*NATIVELAB*/
    .nativelab-bg{
        background-color: #df405a;
    }
    .nativelab-head{
        background-color: #df405a;
    }
    .nativelab-head .labs-box{
       height: 250px;
    }
    .nativelab-desc{
        margin-top: 30px;
        color: #fff;
        font-size: 12px;
        line-height: 18px;
        width: auto;
        padding-right: 90px;
    }
    .nativelab-image-placeholder{
        background: #df405a url(../images/storylabs/nativelab/nativelab-banner-image.png)  no-repeat;
        background-position: 50vw 1vw;
        background-size: 60% !important;
        height: 200px;
    }
    .info{
        border: 0px;
        border-top: 4px dashed #000;
        padding: 25px 30px 30px 30px;
        text-align: center;
        float: none;
        height: auto;
        margin-top: 0px;
    }
    .info-num{
        color: #fff;
        font-size: 40px;
        font-family: Montserrat;
        padding-bottom: 10px;
    }
    .info-desc{
        color: #fff;
        font-size: 18px;
        font-family: Open Sans;
    }
    .info-last{
        border-bottom: 4px dashed #000;
    }
    .case-studies{
        padding-top: 95px;
        padding-bottom: 69px;
        font-size: 30px;
        color: #000;
        text-align: center;
    }
    .cs-container{
        font-family: Montserrat;
    }
    .cs-container .cs-content,
    .cs-container .cs-content-video{
        padding-left: 18px;
        padding-right: 18px;
        width: 90vw;
        float: none;
    }
    .cs-content-right{
        width: auto;
        margin-left: 0;
    }
    .cs-container .image img{
        width: 100vw;
        height: auto;
        float: none;
        margin-right: 0px;
    }
    .cs-container .image-left img{
        float: none;
        margin-right: 0px;
    }
    .cs-container .image-right img{
        float: none;
        margin-left: 0px;
    }
    .cs-container .image-left iframe,
    .cs-container .image-left video{
        float: none;
        margin-left: 0px;
        width: 100vw;
        height: 75vw;
    }
    .cs-container .image-right iframe,
    .cs-container .image-right video{
        float: none;
        margin-left: 0px; 
        width: 100vw;
        height: 75vw;
    }
    .cs-container .brand,
    .cs-container .collab-brand,
    .cs-container .contentlab-brand,
    .cs-container .designlab-brand{
        padding-top: 0px;
        margin-top: 68px;
        font-weight: bold;
        font-size: 24px;  
    }
    .cs-container .title,
    .cs-container .collab-title,
    .cs-container .contentlab-title,
    .cs-container .designlab-title{
      margin-top: 37px;
      font-weight: bold;
      font-size: 18px;  
      line-height: 24px;
      font-family: Open Sans;
    }
    .cs-container .intro{
      margin-top: 25px;
      font-size: 16px;  
      line-height: 20px;
    }
    .cs-container .blurb,
    .cs-container .collab-blurb,
    .cs-container .contentlab-blurb,
    .cs-container .designlab-blurb{
      margin-top: 42px;
      font-size: 14px;  
      line-height: 24px;
      font-family: Open Sans;
    }
    .read-more{
        background-color: #fff;
        border-color: #df405a;
        border-style: solid;
        border-radius: 0;
        background: none;
        box-shadow:none;
        border-radius: 0px;
        color: #949494;
        padding: 15px 40px 15px 40px;
        font-size: 16px;
        margin-top: 62px;
    }
    .divider-left{
        float: left;
        margin-top: 68px;
        margin-bottom: 68px;
        width: 80vw
    }
    .divider-right{
        float: right;
        margin-top: 68px;
        margin-bottom: 68px;
        width: 80vw
    }

    /*CONTENTLAB*/
    .contentlab-image-placeholder{
        background: #57bfcc url(../images/storylabs/contentlab/CL_Cover.png)  no-repeat;
        background-position: 35vw 5vw;
        background-size: 65% !important;
        height: 200px;
    }
    .contentlab-bg{
        background-color: #57bfcc;
    }
    .cs-container .contentlab-title{
        margin-top: 20px;
        text-align: center;
        color: #808080;
    }

    /*VIDEOLAB*/
    .videolab-image-placeholder{
        background: #ffc65b url(../images/storylabs/videolab/videolab-banner-image.png)  no-repeat;
        background-position: 60vw 1vw;
        background-size: 45% !important;
        height: 200px;
    }
    .videolab-bg{
        background-color:  #ffc65b;
    }

    /*DESIGNLAB*/
    .designlab-image-placeholder{
        background: #53c0e1 url(../images/storylabs/designlab/designlab-banner-image.png)  no-repeat;
        background-position: 40vw 1vw;
        background-size: contain !important;
        height: 200px;
    }
    .designlab-bg{
        background-color:  #53c0e1;
    }
    .cs-container .designlab-title{
        margin-top: 20px;
        text-align: center;
        color: #808080;
    }
    .translate-left{
        transform: translateX(-20vw);
        height: auto !important;
        width: 100vw !important;
    }
    .translate-right{
        transform: translateX(20vw);
        height: auto !important;
        width: 100vw !important;
    }

    /*COLLAB*/
    .collab-image-placeholder{
        background: #616161 url(../images/storylabs/collab/collab-banner-image.png)  no-repeat;
        background-position: 40vw 0vw;
        background-size: 80% !important;
        height: 200px;
    }
    .collab-bg{
        background-color:  #616161;
    }

    /*EXPERIENCELAB*/
    .experiencelab-image-placeholder{
        background: #f3a261 url(../images/storylabs/experiencelab/experiencelab-banner-image.png)  no-repeat;
        background-position: 38vw -5vw;
        background-size: 70% !important;
        height: 200px;
    }
    .experiencelab-bg{
        background-color:  #f3a261;
    }
    .launch{
        background-color: #fff;
        border-color: #f3a261;
        border-style: solid;
        border-radius: 0;
        background: none;
        box-shadow:none;
        border-radius: 0px;
        color: #949494;
        padding: 15px 40px 15px 40px;
        font-size: 16px;
        margin-top: 62px;
    }

    /*LEARNINGLAB*/
    .learninglab-image-placeholder{
        background: #57b7a9 url(../images/storylabs/learninglab/learninglab-banner-image.png)  no-repeat;
        background-position: 40vw 0vw;
        background-size: 60% !important;
        height: 200px;
    }
    .learninglab-bg{
        background-color:  #57b7a9;
    }
    .learninglab-border{
         border-color:  #57b7a9;
    }

    /*PRINTLAB*/
    .printlab-image-placeholder{
        background: #dd7164 url(../images/storylabs/printlab/printlab-banner-image.jpg)  no-repeat;
        background-position: 40vw 0vw;
        background-size: contain !important;
        height: 200px;
    }
    .printlab-bg{
        background-color:  #dd7164;
    }

    .nativelab-bg-container{
        background: #df405a;
    }
    .collab-bg-container{
        background: #616161;
    }
    .contentlab-bg-container{
        background: #57becb;
    }
    .designlab-bg-container{
        background: #54c0e1;
    }
    .experiencelab-bg-container{
        background: #f3a262;
    }
    .printlab-bg-container{
        background:  #dd7164;
    }
    .videolab-bg-container{
        background: #ffc65b;
    }
    .learninglab-bg-container{
        background: #57b7a9;
    }
    .contentlab-image{
        margin-top: 0px;
    }
    .connector-right{
       border-top: 0px; 
       border-right: 5px dashed #fff;
       height: 80px;
       width: 40vw;
       margin-top: 0px; 
       margin-left: 0px; 
       position: absolute;
       top: 50vh;
    }
    .connector-left{
       border-left: 0px;
       border-top: 0px; 
       border-right: 5px dashed #fff;
       height: 80px;
       width: 40vw;
       margin-top: 0px; 
       margin-left: 0px; 
       position: absolute;
       top: 50vh;
    }
    .desktop-spacer,
    .desktop-spacer-small,
    .desktop-spacer-large,
    .desktop-spacer-xlarge{
        margin-top: 0px;
    }
    .social-media-post{
        font-size: 18px !important;
    }
    .notification{
        padding-left: 0px;
    }
    .notification p{
        padding: 33px;
        width: 60%;
    }
    .notification .text{
        width: 70%;
    }
    .notification .notif-close {
        right: 30px;
        top: 35px;
    }
    .expertise-1{
        font-size: 20px !important;
        color: #fadb3f;
    }
    .expertise-2{
        font-size: 36px !important;
        color: #fadb3f;
        margin-top: 18px;
    }
    .contentlab-box{
        height: 470px;
    }
    .contentlab-box .nativelab-desc{
        padding-right: 70px;
    }
    .our-work .labs-child{
        margin-top: 20px;
    }
    .our-work .labs-box{
        height: 250px;
    }
    .contentlab-video{
        width: auto;
        height: auto;
        margin-top: 20px;
        text-align: center;
    }
    .home-video{
        height: 60vw;
        width: 90vw;
        margin-top: 30px;
    }
}