CSS from Home page- Dec. 18

.transparent-header.view-list .banner-thumbnail-wrapper, .transparent-header.collection-type-page .banner-thumbnail-wrapper {
    min-height: 870px !important
}
     .content-inner-wrapper { padding-top: 0px !important; }
     .main-content-wrapper { padding-top: 0px !important; }

@font-face {
        font-family: 'HelveticaNeue-Light';
        src: url('/assets/helveticaneue-lt.eot');
        src: url('/assets/helveticaneue-lt.eot') format('embedded-opentype'),
             url('/assets/helveticaneue-lt.woff') format('woff'),
             url('/assets/helveticaneue-lt.ttf') format('truetype'),}

@font-face {
        font-family: 'HelveticaNeue-Medium';
        src: url('/assets/helveticaneue_medium.eot');
        src: url('/assets/helveticaneue_medium.eot') format('embedded-opentype'),
             url('/assets/helveticaneue_medium.woff') format('woff'),
             url('/assets/helveticaneue_medium.ttf') format('truetype'),}

 

#container{
width:80%;
margin:40px auto;  
}

#slider{
width:100%;
height:350px;
position:relative;
overflow:hidden;
float:left;
padding:0;
}

#slider img{
width:20%;
    position:absolute;
    right:60px;
    top:140px;
    @media only screen and (max-width:720px) { display:none;}
}

.img1, .img2, .img3, .img4, .img5 {
width:100%;
margin:0;
padding:0;
}

.slid{
position:absolute;
width:100%;
height:100%;
  background:white;
}

.slid-copy{
position:absolute;
    top:30%;
left:0;
padding:10px 20px 20px 60px;
  @media only screen and (max-width:720px) { padding:10px 20px 20px 40px !important}
background:7f7f7f;
width:60%;
max-height:32%;
    text-align:center;
    font-size:1.4em;
    line-height:1.4;
    color:#006dd9;
    font-family:HelveticaNeue-Medium;
    @media only screen and (max-width:720px) { width:75%; font-size:.8em; top:33%;}
 
}

#prev, #next{
cursor:pointer;
z-index:100;
background:#fff;
height:50px;
width:50px;
display:inline-block;
position:relative;
top:197px;
margin:0 -10px;
padding:0;

}

#next{
float:right;
right:-2px;
}

#prev{
float:left;
left:0;
}

.arrow-right {
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid #fff;
position:relative;
top:20%;
right:-40%;
}

.arrow-left {
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-right:15px solid #fff;
position:relative;
top:20%;
left:30%;
}

.arrow-right:before {
  font-family: 'squarespace-ui-font';
font-style: normal;
speak: none;
font-weight: normal;
-webkit-font-smoothing: antialiased;
content: "\e02d";
text-align: center;
display: inline-block;
position:Absolute;
top:30%;
right:0;
  font-size:2em
}


.arrow-left:before {
font-family: 'squarespace-ui-font';
font-style: normal;
speak: none;
font-weight: normal;
-webkit-font-smoothing: antialiased;
content: "\e02c";
text-align: center;
display: inline-block;
position:Absolute;
  top:30%;  font-size:2em
}

@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);

#before-and-after-1{
  background:#cfcfcf
}

body {overflow-x:hidden !important;}

.bracket {
  display:block;
  position:absolute;
  width:150px;
 top:30px;
  left:-100px;
 background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/55567de9e4b02cd6701c225c/1431731689490/pad.png) no-repeat 0% 0%;
  height:989px;
  @media only screen and (min-width:1400px)   {  left:-90px !important; width:107px;}
    @media only screen and (min-width:1280px) and (max-width:1400px) {  left:-50px !important; width:106px;}
  @media only screen and (min-width:1000px) and (max-width:1280px) {
    left:-100px !important;
    width:110px;
  }
    @media only screen and (min-width:800px) and (max-width:1000px) {
    left:-130px !important;
    background-size:contain;
    width:230px
  }
@media only screen and (max-width:900px) {
background:none !important;
  }
}

/*UNIVERSAL STYLES*/

/*folder nav italic*/
#collection-5434243be4b0129e5fb3561c, #collection-541c9708e4b09b50ed9b0cb8, #collection-53fb9d48e4b0f2dbc8017f3e, #collection-540dfae9e4b0b4b8f4b4a8a0{.category-nav a, .folder-nav a, .category-nav a:visited, .folder-nav a:visited {font-style:!italic important; font-family:helvetica; font-weight:700;}}

.fancybox-next span {
  background: url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/5519f734e4b0ebba59b3e13a/1427765044147/fancybox_sprite.png) no-repeat;
    @media only screen and (max-width:720px){background: #fff url(/assets/close.png) no-repeat !important;background-size:33px !important; background-position:40% 60% !important;}
  opacity:.85;
  z-index:99;}

.desc-wrapper a {
    color:#FF431D !important;
    font-style:italic !important;
    border-bottom:none !important; }
 
.desc-wrapper {
 font-family:HelveticaNeue-Medium !important;
    position: absolute;
    bottom:0;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    @media only screen and (min-width:1440px){padding: 25px 17% ;}
    @media only screen and (min-width:700px) and (max-width:1440px) { padding: 25px 8% !important;}
    @media only screen and (max-width:700px){  }
    background:rgba(0,0,0,.25);}

.desc-wrapper em {
   font-family:HelveticaNeue-Medium !important;
    font-weight:400;
    color:#fff;
    line-height:1;
    letter-spacing:.5px !important;    
    @media only screen and (min-width:1440px) { font-size:48px !important; display:inline-block !important;}
    @media only screen and (min-width:700px) and (max-width:1440px) { font-size:38px !important;}
    @media only screen and (max-width:700px){ text-align:left !important; font-size:30px !important;  }
    margin:0 0.15em !important;
    
}
 
.desc-wrapper strong {
    color:white !important;
    font-weight:400 !important;
    line-height:1;
    letter-spacing:.5px !important;
    @media only screen and (min-width:700px) {
    display:inline-block !important;}
    font-size:48px !important;
    @media only screen and (min-width:1440px) { font-size:48px !important;}
    @media only screen and (min-width:700px) and (max-width:1440px) { font-size:38px !important;}
    @media only screen and (max-width:700px){ text-align:left !important;font-size:22px;}
    @media only screen and (max-width:700px){margin-right:0px; font-size:30px !important; }
    /*margin:0 0.15em !important;*/
}
 
.desc-wrapper p:nth-child(1) {
      /*float:left;*/
      position:relative;
      z-index:5;
      text-align: center;
      /*@media only screen and (min-width:700px) and (max-width:1280px) { max-width:46%; width: 100%; }
  @media only screen and (max-width:700px){max-width:100% !important; float:left; }*/}
.blog-item-wrapper .post-title,
.desc-wrapper p:nth-child(2) {
   line-height:1.4;
      text-align:left !important;
      font-size:21px;
      font-weight:400 !important;
      /*float:left !important;*/
      @media only screen and (min-width:1280px) {
      /*max-width:46%;*/}
      /*margin-left:35px !important;
      @media only screen and (min-width:700px) and ( max-width:1280px) { max-width:46%; }
      @media only screen and (max-width:700px) { max-width:80% !important; float:left;}*/}
 
.desc-wrapper p:nth-child(3) {
      text-align:left !important;
      font-size:17px;
      font-weight:400;
      @media only screen and (min-width:1280px) {float:right !important;max-width:46%;}
      @media only screen and (min-width:700px) and (max-width:1280px) {float:left !important;}
      @media only screen and (max-width:700px) { max-width:100% !important; float:left;}
      max-width:46%;
      /*margin-left:35px;*/}

@media only screen and (max-width:700px){#logoWrapper #logoImage img{left:-20px; position:relative;}

  .sqs-block-html p {text-align:left;}
  .sqs-block-html h2 {text-align:left;}
}

 

#collection-551afb33e4b0d0ab0d726151 #siteWrapper{
  background:#e6e6e6;}
.image-caption {
  text-align:center;
  font-weight:600;}

.image-caption a{
  color:#f64321 !important;}

#block-yui_3_17_2_6_1427997113906_10748{padding:5px;}
#block-yui_3_17_2_6_1427997113906_10748 h2 { color:#1c5a8f;
  font-weight:700;
  font-size:2.2em;
  padding-top:17px;}

#block-yui_3_17_2_5_1427830860688_22609{padding:0px;}

#block-yui_3_17_2_5_1427830860688_24283 h1 {color:#ff025d !important;}

@media only screen and (min-width:700px){
 
#collection-551afb33e4b0d0ab0d726151 .sqs-col-8.span-8{
  height:700px;
  background:white;
  margin-right:10px;
}

#collection-551afb33e4b0d0ab0d726151 .sqs-col-4.span-4{
  height:300px !important;
  margin-right:0px;
  width:32%;
  font-size:.9em;}
}

#collection-551afb33e4b0d0ab0d726151 p {
  line-height:1.3;}

@media only screen and (max-width:720px){
iframe{width:100%;height:200px;}}

#collection-551afb33e4b0d0ab0d726151 .desc-wrapper p>strong, .desc-wrapper p>em>strong {
  text-transform:none;}

#collection-551afb33e4b0d0ab0d726151 #header{
  background:#000;}

@media only screen and (min-width:720px){

#collection-552fe12ae4b058645c9688fb  .banner-thumbnail-wrapper,
#collection-551afb33e4b0d0ab0d726151  .banner-thumbnail-wrapper{
  padding:100px 0 70px;
}
.view-list .banner-thumbnail-wrapper, .collection-type-page .banner-thumbnail-wrapper, .collection-type-index .banner-thumbnail-wrapper {max-height: 1500px;}
 
/*EMAIL TEMPLATE PAGES GO HERE*/
#collection-5526814be4b080e2d1bd3dd6,
#collection-551afb33e4b0d0ab0d726151 { #page{
  padding-top:0px;
  padding-bottom:0px;
}
 
#content {
    margin-top:20px !important;
    margin-bottom:20px !important;  }
}
}

#collection-551c6056e4b0d5e6433dff13  #headerNav nav{
    display:block;  }

#collection-53fc9f77e4b04057ee89814b #siteWrapper {
  background:#e6e6e6;}

#collection-53fc9f77e4b04057ee89814b #page {
  background:#fff;
  margin-top:20px;
  margin-bottom:60px;
  padding-left:0;
  padding-right:0;
  padding-top:20px;}

#block-yui_3_17_2_1_1409836850469_20698,
#block-yui_3_17_2_1_1416410122019_43548{
  padding-bottom:80px;}

#collection-53fc9f77e4b04057ee89814b .sqs-block-html {
  margin:0 27px;}

#collection-53fc9f77e4b04057ee89814b .sqs-block-image {
  margin:0 34px;}

.sqs-block-image .image-block-outer-wrapper.layout-caption-overlay .intrinsic .image-caption-wrapper, .sqs-block-image .image-block-outer-wrapper.layout-caption-overlay-hover .intrinsic .image-caption-wrapper p {
  font-size:.7em;}

.sqs-block-image .image-block-outer-wrapper.layout-caption-overlay .intrinsic .image-caption-wrapper, .sqs-block-image .image-block-outer-wrapper.layout-caption-overlay-hover .intrinsic .image-caption-wrapper{
  height:84%
}

#block-7a51e86bdfa5c1523c6d {padding-bottom:0;
}

/*eBook Download*/

#collection-5512d999e4b0f68da38b7815  #page {
  max-width:100%;
  background:#e6e6e6;
}

#collection-5512d999e4b0f68da38b7815 #header{
  background:#000;}

#collection-5512d999e4b0f68da38b7815 #mainNavigation{ display:none;}

#collection-5512d999e4b0f68da38b7815 .mobile-nav-toggle-label{
  display:none !important;}

.optin { font-size:13px;}

#collection-5526814be4b080e2d1bd3dd6,

#collection-551c6056e4b0d5e6433dff13,
#collection-551c5f80e4b04787f6218cf9,
#collection-551c5694e4b0e907db8b7f8c,
#collection-551c6032e4b0ae1f4a7607c6,
#collection-551c28eae4b0b4693e05807d {


/*EMAIL TEMPLATE PAGES*/

   #collection-5519a4f7e4b01f609924443b,
   #collection-53fc9f77e4b04057ee89814b {
    .sqs-col-6.span-6,
    .sqs-col-8.span-8,
    .sqs-col-4.span-4 {
    height:auto !important;
    background:inherit;
    border-left:0px solid #e6e6e6 !important;
    margin-right:0px !important;}
}
 
#collection-551ab00ae4b0355158834c2a {
    .sqs-col-6.span-6,
    .sqs-col-8.span-8,
    .sqs-col-4.span-4 {
    height:278px !important;
    background:inherit;
    border-left:0px solid #e6e6e6 !important;}
  }
}

@media only screen and (max-width:720px){iframe{width:100%;height:200px;}}

.desc-wrapper p>strong, .desc-wrapper p>em>strong, .desc-wrapper p>em  {
  text-transform:none;
  font-style:normal !important;
}
 
@media only screen and (min-width:700px){

.banner-thumbnail-wrapper{
  padding:100px 0 0px;}
 
 

.collection-type-index #page {
  padding-top:0px;
  padding-bottom:0;
  background: white;
}

/*.event-list-show-cats.event-list-date #page,*/
.collection-type-calendar #page,
.collection-type-blog #page {
  padding-top:96px;
  padding-bottom:80px;
}
 
  #block-1d200baa54f8402476bb,
  #block-6f1707caac0c4ad386c7,
  #block-432f9a42fdb207785ffa,
  #block-383dfc83debd2e63778f,
  #block-23295ccf943addbc5d0e,
  #block-2d91ddbfc1f672bafd73{
    padding:0;  }
}

#content ul li:before {
      content:'';
      display: block;
      position: relative;
      width: 6px;
      height:6px;
      border-radius:6px;
      left: -15px;
      top: 17px;
      background-color: #ff025d;  
}

#content ul {list-style:none}

@media only screen and (min-width:700px){
.banner-thumbnail-wrapper,{
  height:200px !important;
  overflow:hidden;
}
}


#collection-552fe12ae4b058645c9688fb .desc-wrapper { background:rgba(0,0,0,0.0) !important;}

/*************NEW DRACULA PAGE*************/


/*************case studies*************/
#collection-565f0de5e4b01585c73745e6,
#collection-55376b94e4b08a8487d7d14e,
#collection-553768c7e4b00d4e6005fecf,
#collection-55376738e4b028fed3197239,
#collection-55376738e4b028fed3197239,
#collection-55356e67e4b0b6781559d9a1,
#collection-552bded5e4b09f5f491ed329,
#collection-552fe12ae4b058645c9688fb,
#collection-552fbb6fe4b029a7640e280e,

/*************WHAT WE DO************/
#collection-552d4cb7e4b03b5107bf3d8f {
 
.banner-thumbnail-wrapper { @media only screen and (max-width:700px){padding: 125px 0 120px !important;}}

.desc-wrapper {
    position: absolute;
    bottom:0;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    @media only screen and (min-width:1440px){padding: 25px 17% 80px;}
    @media only screen and (min-width:700px) and (max-width:1440px) { padding: 25px 8% !important;}
    @media only screen and (max-width:700px){ padding-left:0;}
    background:rgba(0,0,0,0.25);}
 
#collection-552fe12ae4b058645c9688fb .desc-wrapper { background:rgba(0,0,0,0.0) !important;}

.desc-wrapper a {
    font-weight:600 !important;
    font-family:"HelveticaNeue-Medium";
    color:#ff8100 !important;
    border:none;
    letter-spacing:.5px;
    margin:0px 4px;
    text-transform:uppercase;
    pointer-events:none;
    float:left;    
    @media only screen and (max-width:700px) { }
}
 
.desc-wrapper p:nth-child(1) {
      float:left;
      position:relative;
      z-index:5;
      text-align:right;
 @media only screen and (min-width:1280px) {
      width:49%; }
      @media only screen and (min-width:700px) and (max-width:1280px) { max-width:46%; width: 100%; }
      @media only screen and (max-width:700px){max-width:100% !important; float:left; white-space:pre !important; display:inline-block; text-align:left;padding:0 35px;}}

.desc-wrapper p:nth-child(2) {
      font-family:"HelveticaNeue-Medium";
   line-height:1.4;
      text-align:left !important;
      font-size:21px;
      font-weight:100 !important;
      float:left !important;
      @media only screen and (min-width:1280px) {
      max-width:46%;}
      margin-left:35px !important;
      @media only screen and (min-width:700px) and ( max-width:1280px) { max-width:46%; }
      @media only screen and (max-width:700px) { max-width:80% !important; float:left; font-size:16px !important;}}
 
.desc-wrapper p:nth-child(3) {
     font-family:"HelveticaNeue-Medium";
      text-align:left !important;
      font-size:17px;
      font-weight:400 !important;
      @media only screen and (min-width:1280px) {float:left !important; max-width:48%;}
      @media only screen and (min-width:700px) and (max-width:1280px) {float:left !important;}
      @media only screen and (max-width:700px){ max-width:100% !important; float:left;}
      max-width:46%;
      margin-left:35px;}

h1 {font-weight:100; color:#215582; line-height:1; @media only screen and (max-width:700px){text-align:left;}}
  article header h1 a{ font-weight:400 !important;}
 
.sqs-block-code input[type="submit"],
.sqs-block-button-element {
      background:#0e96b8;
      padding:15px 4em !important;
      color:white;
      text-transform:uppercase;
      font-weight:600;
      letter-spacing:0.05em;
      display:block;
      width:200px;
      margin:0 auto;
      @media only screen and (max-width:700px){padding: 15px 4em; width:130px !important;}
}
 
h2 { font-weight:600;
    letter-spacing:.035em;}
 
.quote-block blockquote>span:first-child { display:none;}
 
.quote-block blockquote { text-align:left;}
 
.quote-block .source  {color:#215582; text-align:left;}

#block-yui_3_17_2_1_1409669086646_73328 a{
  background:#0e96b8;
  border-radius:55px;
  color: #fff;
  border-color: #272727;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight:600;
  padding:21px 100px;
  border:0px solid;
  @media only screen and (max-width:700px){padding: 25px; font-size:.8em;}
}
}

#collection-552d4cb7e4b03b5107bf3d8f .desc-wrapper p:nth-child(2) {line-height:0 !important} /*exclusion for dracula page*/

/*************END NEW DRACULA PAGE*************/
/*************END NEW DRACULA PAGE*************/


#collection-552dbb58e4b0103f31621643 {
  /*NEW HOME PAGE*/
  /*NEW HOME PAGE*/
  /*NEW HOME PAGE*/
 
  h1{font-weight:100; color:#215582; line-height:1; @media only screen and (max-width:700px){ text-align:left;}}
h1 {font-weight:100 !important; font-family:"helvetica";}
 
p {@media only screen and (max-width:700px){ text-align:left;}}
 
.desc-wrapper .play-reel{
    position:absolute;
    top:160px !important;
    width:100% !important;
    left:0;
    @media only screen and (min-width:700px) and (max-width:1440px) {top:65% !important;}
    @media only screen and (max-width:700px){
    top:75% !important; }
 
.banner-thumbnail-wrapper {padding: 180px 0 155px; @media only screen and (max-width:700px){padding: 125px 0 120px !important;}
  }
}
 

.desc-wrapper .play-reel a {
  background:#0e96b8;
  border-radius:55px;
  color: #fff !important;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight:600;
  padding:15px 4em;
  @media only screen and (max-width:700px){padding: 15px 4em; font-size:.8em; }
  font-style:normal !important;  
  display:block;
  width:200px;
  margin:0 auto;
  @media only screen and (max-width:700px){padding: 15px 4em; width:130px !important;}
}
 
.desc-wrapper .play-reel a:hover{
    opacity:.9;
    transition:all .1s;  }

/*@media only screen and (min-width:700px)  { .desc-wrapper p:nth-child(1) {float:left; width:45%}}*/
 
.desc-wrapper p:nth-child(1),
.desc-wrapper p:nth-child(2) {
  text-align: left;
  width: 100%;
  padding-left: 10%;
  box-sizing: border-box;
}
 
.desc-wrapper p:nth-child(1) strong{
      text-align: left;
      position:relative;
      z-index:5;
 /*@media only screen and (min-width:1280px) {
      width:300px !important;}
      @media only screen and (min-width:700px) and (max-width:1280px) { width:50%;}
      @media only screen and (max-width:700px){width:100% !important;float:left; background:none; display:none;}*/
      pointer-events:none !important;  }
 
.banner-thumbnail-wrapper {padding: 180px 0 155px; @media only screen and (max-width:700px){padding: 125px 0 120px !important;}}

.desc-wrapper {
  position: absolute;
    bottom:0;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    @media only screen and (min-width:1440px){padding: 25px 20% 120px 2% !important;}
    @media only screen and (min-width:700px) and (max-width:1440px) { padding: 25px 8% 140px!important;}
    @media only screen and (max-width:700px){padding: 25px 5% 0;}
}

.desc-wrapper p:nth-child(2) {
    display:block;
    position:relative;
    top:-25px;
    /*width:60% !important;
    @media only screen and (min-width:700px) and (max-width:1280px) {top:-67px !important;}
    @media only screen and (min-width:700px) and (max-width:1440px) {top:0em !important;}
    @media only screen and (max-width:700px){ top:17px !important; float:left;width:100% !important; }*/
}
   
.desc-wrapper p:nth-child(2) {
  font-family:"HelveticaNeue-Light";
    text-align:left !important;
    line-height:1.2em !important;
    font-size:30px !important;
    font-weight:400 !important;
    /*float:right !important;*/
/*@media only screen and (min-width:1280px) {
    width:50%;}
    margin-left:35px !important;*/
    @media only screen and (min-width:700px) and (max-width:1280px) { font-size:24px !important; }
    @media only screen and (max-width:700px){ max-width:100% !important;float:left; font-size:24px !important; top:-20px}
    letter-spacing:0.7px !important;
    display:inline-block; }

 .desc-wrapper p:nth-child(2) strong{
   font-size:30px !important;
   font-weight:400 !important;
   letter-spacing:0.4px !important;
   line-height:1.2em !important;
   font-family:"HelveticaNeue-Medium";
   margin:0 !important;
   padding:0 !important;
   text-indent:0 !important;
   display:inline-block;
   @media only screen and (min-width:700px) and (max-width:1280px) { font-size:24px !important; }
   @media only screen and (max-width:700px){ font-size:24px !important;}

}

.sqs-block-button-element {
    background:#0e96b8 !important;
    padding:15px 4em;
    display:block;
    width:200px;
    margin:0 auto;
    @media only screen and (max-width:700px){padding: 15px 4em; width:130px !important;}
}
 
h2 { font-weight:600;
    letter-spacing:.035em;}
.quote-block blockquote>span:first-child { display:none;}
.quote-block blockquote { text-align:left;}
.quote-block .source  {color:#215582; text-align:left;}
 
 
 
#power-of-participation-1 {
 background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/5519b251e4b0176484d7f883/1427747409737/scr-shot-bg.png) no-repeat 100% center;
  background-size:cover;
@media only screen and (min-width:700px) and (max-width:1440px) {  background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/5519b251e4b0176484d7f883/1427747409737/scr-shot-bg.png) no-repeat 50% 50%; background-size:cover;}
@media only screen and (max-width:700px){ background-position:85% center;}}
 
h1 { line-height:1.2 }
 
#power-of-participation-1 h1, #power-of-participation-1 p { color:white;}

#participation-automation-1 {
 background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/5519b7e2e4b03cc5bf12e74f/1427748834201/participation-shot-bg.png) no-repeat 50% center;
  background-size:cover;}
 
#participation-automation-1 h1, #participation-automation-1 p { color:white;}
 
    #how-vivoom-works-1  {
    @media only screen and (min-width:700px) and (max-width:1280px) {
      max-width:100%;
      background:#eee
    }
  }
 
  #how-vivoom-works-1 .page-content .sqs-col-6.span-6:nth-child(2) {
    @media only screen and (min-width:700px) and (max-width:1280px) {
      padding-left:0;
      padding-right:0;
      left:15%;
      position:relative;
    }
  }
 
    #how-vivoom-works-1 .page-content .sqs-col-6.span-6:nth-child(2) .sqs-col-2.span-2 strong {
    @media only screen and (min-width:700px) and (max-width:1280px) {
      background:#fff;         }
}
 
  #block-yui_3_17_2_2_1429116628262_61295 strong{
      @media only screen and (min-width:700px) and (max-width:1280px) {

      background:none !important;    }}
 
 

#how-vivoom-works-1 .sqs-block-spacer {
  @media only screen and (min-width:700px){height:17px;}
  padding:0;}

#how-vivoom-works-1 h2 {
  color:#747474;
  text-transform:none !important;
  letter-spacing:0px;
  font-weight:400;
  height:0.3em;
  font-size:16px;
  @media only screen and (max-width:700px){ text-align:center; padding-bottom:20px;}}
 
#how-vivoom-works-1 h3 {
  text-transform:none !important;
  letter-spacing:0px;
  color:#ee3c23;
  font-size:15px;  @media only screen and (max-width:700px){ text-align:center; padding-bottom:20px;}}
 
#how-vivoom-works-1 p {
  letter-spacing:0px;
  line-height:1.4;
  color:#747474;
  font-size:13px !important;
  font-weight:400 !important;@media only screen and (max-width:700px){ text-align:center; padding-bottom:20px;}
}
 
#how-vivoom-works-1  .sqs-col-2 .sqs-block {
  @media only screen and (min-width:1000px){ padding:0; left:60px;}
}

@media only screen and (max-width:1000px) {
#how-vivoom-works-1 .sqs-col-2.span-2{
  width:30% !important;
  float:left;
  display:inline-block;
}
 
.sqs-col-2.span-2:nth-child(n+3){
    left:0%;
    position:relative;  }
 
.sqs-col-2.span-2:nth-child(n+2) .sqs-block {
    padding-left:0px !important;
    padding-right:0px !important;
    position:relative;  }   
}

@media only screen and (min-width:700px) and (max-width:1440px) {
#how-vivoom-works-1 .sqs-col-2.span-2{
  position:relative;
  left:-90px;}}
 
#before-and-after-1 { background:#cfcfcf;}
 
#before-and-after-1 .sqs-block-markdown{ color:#ff005c; text-align:center; padding-bottom:0}
 
#stories-1 .sqs-block-content a {
  color:#ff005c !important;
  font-weight:600 !important;
  letter-spacing:.4px;
  font-size:15px; }

#request-a-demo-1 {
  background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/551b18bbe4b0cf5ef5850580/1427839163694/bg-request.png) no-repeat 50% 50%;
  background-size:cover;}
 
#request-a-demo-1 h1, #request-a-demo-1 p {color:white;  }
 
.page-content {  padding-bottom:40px;}
 
.page-content{ padding-top:40px;}
 
}

::selection {
  color:rgba(255,255,255,0.0) !important;}

 

#collection-552fbb6fe4b029a7640e280e {
    
  /*WHAT WE DO PAGE*/
 
.desc-wrapper em {
    font-family:"HelveticaNeue-Light";
    font-weight:400 !important;
    letter-spacing:.5px !important;
    line-height:1 !important;
    color:#fff;
    letter-spacing:.035em;
    @media only screen and (min-width:1440px) { font-size:48px !important; position:relative; left:.2em; display:inline-block !important;}
    @media only screen and (min-width:700px) and (max-width:1440px) {font-size:38px !important; position:relative; left:.45em;}
    @media only screen and (max-width:700px){ text-align:left !important; font-size:30px !important; display:block !important; position:relative;top:4px;}
}
 
.desc-wrapper strong {
    font-family:"HelveticaNeue-Medium";
    color:white !important;
    font-weight:400 !important;
    letter-spacing:.5px !important;
    @media only screen and (min-width:700px) {
    display:inline-block !important;}
    font-size:48px !important;
    @media only screen and (max-width:1440px) { font-size:48px !important;}
    @media only screen and (min-width:700px) and (max-width:1440px) { text-align:left !important; font-size:38px !important; }
    @media only screen and (max-width:700px){margin-right:0px; font-size:30px !important; }}
 
  .desc-wrapper p:nth-child(2) {
      font-family:"HelveticaNeue-Medium";
      text-align:left !important;
      font-size:21px;
      font-weight:400 !important;
      float:left !important;
      @media only screen and (min-width:1280px) {
      max-width:46%; margin-left:35px !important;}
      @media only screen and (min-width:700px) and ( max-width:1280px) { max-width:46%; }
      @media only screen and (max-width:700px) { font-size:16px !important;}}
 
#easy-for-users-1 { background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/552fcc47e4b0122e1ac88391/1429195847303/bg-easy.jpg) no-repeat; background-size:cover;}
 
#easy-for-users-1 h1,#easy-for-users-1 p, #request-2 h1, #request-2  { color:white;}

#request-2 { background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/551b18bbe4b0cf5ef5850580/1427839163694/bg-request.png) no-repeat 50% 50%; background-size:cover;}
}


#collection-552fe12ae4b058645c9688fb{
  /*REQUEST A DEMO PAGE*/
  /*REQUEST A DEMO PAGE*/
  /*REQUEST A DEMO PAGE*/
#header {background:none !important}
 
#easy-for-users-1 { background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/552fcc47e4b0122e1ac88391/1429195847303/bg-easy.jpg) no-repeat; background-size:cover;}
 
#easy-for-users-1 h1,#easy-for-users-1 p, #request-2 h1, #request-2  { color:white;}

#request-2 { background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/551b18bbe4b0cf5ef5850580/1427839163694/bg-request.png) no-repeat 50% 50%; background-size:cover;}
}

/*Non-sticky Request a Demo CSS*/

#collection-552fe12ae4b058645c9688fb {
 
.banner-thumbnail-wrapper {
padding: 100px 0 55px;
    @media only screen and (max-width:700px){padding: 50px 0 15px !important;}
}
 
.desc-wrapper p:nth-child(1) {
    text-align:right !important;
    font-size:18px;
    font-weight:400;
    float:left !important;
@media only screen and (min-width:1280px) {
    max-width:46%;}
    padding:0 !important;
    @media only screen and (max-width:700px){ max-width:50% !important; float:left; margin-left:35px !important;}}
 
.desc-wrapper p:nth-child(2) {
    text-align:left !important;
    font-size:21px;
    font-weight:400;
    float:left !important;
@media only screen and (min-width:1280px) {
    max-width:46%;}
    margin-left:35px !important;
    padding:0 !important;
    @media only screen and (min-width:700px) and (max-width:1440px) {max-width:46%;}
    @media only screen and (max-width:700px){max-width:50% !important;float:left;}}
 
.desc-wrapper p:nth-child(2) {
    text-align:left !important;
    font-size:18px;
    font-weight:400;
    float:left !important;
@media only screen and (min-width:1280px) {
    max-width:46%;}
    margin-left:35px !important;
    padding:0 !important;
    @media only screen and (max-width:700px){ font-size:16px !important; max-width:100% !important;float:left !important;}}
 
#page {
    margin-top:20px;
    margin-bottom:60px;
    background: #fff;
    @media only screen and (max-width:700px){ padding:0px 10px !important;}
}

.sqs-col-7,
.sqs-col-4.span-4 { @media only screen and (max-width:700px){ padding:0 20px;}}
 
.sqs-col-7 .sqs-block-html { @media only screen and (max-width:700px){ padding:0;}}
}

#block-fb59fe09067d6732f9c1 strong:last-child:after,
#collection-552fbb6fe4b029a7640e280e .desc-wrapper strong:last-child:after {
  content:"TM";
  font-size:8px;
  position:absolute;
right:0px;;
  bottom:19px;
  @media only screen and (max-width:700px){font-size:5px;
  position:relative;  }
}

#collection-552fbb6fe4b029a7640e280e .desc-wrapper strong:first-child  {
  @media only screen and (min-width:700px){left:.5em;position:relative;}
}


#collection-552bded5e4b09f5f491ed329 h2, #collection-552fe12ae4b058645c9688fb h2, #collection-552fbb6fe4b029a7640e280e h2, #collection-552d4cb7e4b03b5107bf3d8f h2{
  @media only screen and (max-width:700px){ text-align:left;}  
}

/***********ADDITIONAL EMAIL PAGE STYLES***********/

/*free-ebook*/
#collection-551c6056e4b0d5e6433dff13,

/*ebookc ebookp ebooka*/
#collection-551c5f80e4b04787f6218cf9,
#collection-551c5694e4b0e907db8b7f8c,
#collection-551c28eae4b0b4693e05807d,

/*ebook-emailp ebook-emailc ebook-emaila ebooks*/
#collection-5526814be4b080e2d1bd3dd6,
#collection-552c03e9e4b05983618ba669,
#collection-552c03fee4b0ff1d3a769dc0,
#collection-552c040ae4b03397c8b5021e {
 
@media only screen and (max-width: 700px){
.desc-wrapper {
padding: 65px 0px 20px 20px;
top: 40px;}}

.desc-wrapper {padding-bottom:25px !important;}
 
.desc-wrapper p:nth-child(1) { @media only screen and (min-width:1140px){ width:30% !important; }}

.desc-wrapper p:nth-child(2) { @media only screen and (min-width:760px){ left:50px !important; position:relative !important;}}
 
.desc-wrapper em {
    font-family:"HelveticaNeue-Medium";
    color: #ff431d !important;
    font-style:italic !important;
    @media only screen and (min-width:1140px){
    font-size:24px !important;
    margin:0 auto;
    position:relative;
    font-weight:700 !important;
    display:block;
    width:100%;}
    @media only screen and (min-width:700px) and (max-width:1140px){
    font-size:18px !important; }
    @media only screen and (max-width:700px){font-size:18px !important; width:100%;  }
    font-weight:700 !important;
}

 .desc-wrapper p:nth-child(2) strong {
      font-family:"HelveticaNeue-Medium";
   line-height:1.2;
      text-align:left !important;
      font-size:38px !important;
      font-weight:400 !important;
      float:left !important;
      @media only screen and (min-width:1280px) {
      max-width:100%; margin-left:50px !important;}
      @media only screen and (min-width:700px) and ( max-width:1280px) { max-width:100% ; }
      @media only screen and (max-width:700px) { font-size:28px !important; position:relative; left:-39px; }}
 
form input[type="submit"]{
      background:#0e96b8;
      text-transform:uppercase;
      font-weight:600;
      color:white;
      padding:15px 4em;
      border:0px solid;    }
}

/*email 2 pages*/
#collection-55083bf4e4b088bdc10db951,
#collection-551d5793e4b071276004866a {
#header {
  position:relative !important;}
 
#content {margin-top:0px;}
}

.sqs-block-markdown em {
font-style:normal !important;}

input[type="button"], input[type="reset"], input[type="submit"],
body:not(.button-style-default).button-style-solid .sqs-editable-button, body:not(.button-style-default).button-style-solid .sqs-editable-button-style,
.play-reel a,
.small-button-style-solid .sqs-block-button .sqs-block-button-element--small, .medium-button-style-solid .sqs-block-button .sqs-block-button-element--medium, .large-button-style-solid .sqs-block-button .sqs-block-button-element--large{
  border-radius:55px; padding:15px 4em;
  display:block;
  width:200px;
  margin:0 auto;
  @media only screen and (max-width:700px){padding: 15px 4em; width:130px !important;}
}

.transparent-header #header {  @media only screen and (min-width:700px){  
  -webkit-transition:all .1s ease;
  transition:all .1s ease;
  background:none;
  position:fixed;}}

.transparent-header #header.shrink { @media only screen and (min-width:700px){  
  z-index:99999999;
  background:rgba(0,0,0,0.82) !important;
  -webkit-transition:all .1s ease;
  transition:all .1s ease;}}

@media only screen and (min-width: 700px){
.transparent-header.view-list .banner-thumbnail-wrapper, .transparent-header.collection-type-page .banner-thumbnail-wrapper {
padding: 100px 0 155px;
  min-height:200px;}
}  

.sqs-col-7.span-7 h3 { font-family:"helvetica"; text-transform:none; letter-spacing:0; font-size:22px;  @media only screen and (max-width:800px){  top:-10px; position:relative; font-size:18px !important; margin-bottom:22px !important}}

.desc-wrapper em {
      font-weight:100 !important;
      color:#fff;
      display:inline-block !important;
      @media only screen and (max-width:700px){ font-size:30px !important;  }}

 

#collection-5526814be4b080e2d1bd3dd6 {

.desc-wrapper p:nth-child(3){
  display:block;
  max-width:50% !important;
  width:50% !important;
  text-align:left !important
}
}

/*CASE STUDY PAGES thin-bold margin*/

#collection-553768c7e4b00d4e6005fecf,
#collection-55376738e4b028fed3197239,
#collection-55376b94e4b08a8487d7d14e {
 
.desc-wrapper strong {
    margin-right:0.2em !important;}
 
.desc-wrapper em {
    margin-right:-0.1em !important;}
}

/*CASE STUDY AWESOMENESS TV*/#collection-55376b94e4b08a8487d7d14e {
 
.desc-wrapper em:nth-child(3) {
    margin-right:0.5em !important;
    @media only screen and (min-width:700px){ margin-left:-0.1em !important;}
}
 
.desc-wrapper strong:nth-child(4) {
    margin-left:-0.1em !important;}
 
}

/*CASE STUDY DRACULA*/ #collection-552d4cb7e4b03b5107bf3d8f {
 
.desc-wrapper strong:nth-child(4) {
  margin-left:-0.1em !important;
}
 
.desc-wrapper em:nth-child(3) {
  @media only screen and (max-width:700px){ display:block; position:relative; top:4px;}
}
}

/*CASE STUDY SWIFTKICK*/ #collection-553768c7e4b00d4e6005fecf {
 
.desc-wrapper strong:nth-child(4) {
  @media only screen and (max-width:700px){margin-left:-0.1em !important; }
}
 
.desc-wrapper em:nth-child(3) {
  @media only screen and (max-width:700px){ display:block; position:relative; top:4px;}
}
}


/*CASE STUDY AWESOMENESS*/ #collection-55376b94e4b08a8487d7d14e {
 
.desc-wrapper strong:nth-child(4) {
  @media only screen and (max-width:700px){margin-left:-0.1em !important; }
}
 
.desc-wrapper em:nth-child(3) {
  @media only screen and (max-width:700px){ display:block; position:relative; top:4px;}
}
}

/*CMOC*/
#collection-5542be27e4b03b82c61317c4{
 
.desc-wrapper p:nth-child(1) {
      font-family:"HelveticaNeue-Light" !important;
   line-height:1.2;
      text-align:left !important;
      font-size:1.4em !important;
      font-weight:400 !important;
      float:left !important;
      @media only screen and (min-width:1280px) {
      max-width:100%; margin-left:50px !important;}      
      @media only screen and (min-width:700px) and ( max-width:1280px) { max-width:100% ; }
      @media only screen and (max-width:700px) { font-size:28px !important;}}
 
  .desc-wrapper a {
      font-family:"HelveticaNeue-Medium" !important;
    background:#ff431e;
    color:white !important;
    font-style:normal !important;
   line-height:1.2;
      text-align:left !important;
      font-size:.7em !important;
      font-weight:400 !important;
      float:left !important;
      @media only screen and (min-width:1280px) {
      max-width:100%; margin-left:50px !important;}      
      @media only screen and (min-width:700px) and ( max-width:1280px) { max-width:100% ; }
      @media only screen and (max-width:700px) { font-size:12px !important;}}
//20ttyr2015 // dottyr 2015

#siteWrapper { background:#eee !important;}
 
  #page {
    max-width: 780px;
    padding: 2px 32px !important;
  }
 
.sqs-col.sqs-col-12 { background:white !important;}
 
  #content {
    padding-top:20px;
    max-width:660px;
    font-size:16px !important;
    font-family: 'HelveticaNeue-Light';
  }
 
 #content:nth-child(2){border-bottom:3px solid #5f5f5f;}  
 
    #content ul {
padding-left: 1em;
}
#content ul li {
padding-left: 2em;
color: #FF431E;
}
#content ul li span {
color:#5F5F5F;
}
#copyright {
font-size:.7em
}
#copyright a {
color: #5F5F5F;
}

a.button {
color: #fff;
background-color: #FF431D;
padding: 15px 45px;
          @media screen only and (max-width:700px) {padding: 15px 25px;}
border-radius: 20px;
font-size: 18px;
          font-weight:700;
text-decoration: none;
margin-top: 20px;
margin-bottom: 20px;
display: inline-block;
          letter-spacing:2px
}

#ebook {
color:#FF431E;
font-weight:medium;
font-size:1.2em;
text-align:center;
margin-top:.5em;
padding-top: 15px
}

#tagline {
color:#FFF;
font-size:1.8em;
text-align:center;
margin-top:.5em;
}

#learnmore {
color:#205581;
font-size:1.4em;
text-align:center;
margin-top:.5em;
padding-top:15px
}

#header_btn {
margin-top:.5em;
margin-bottom:1em;
text-align:center
}

#header_btn .button {
padding: 10px 35px;
font-size: 8px;
margin:0;
}
#background {
min-width: 567px;
width:567px;
min-height: 107px;
background-image: url("images/ptitle.gif");
      display:none !important
}
 

 
  .mobile-nav-toggle-label{
  display:none !important;
  z-index:-5 !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.transparent-header #header{
  background:black
}

#headerNav {
  display:none !important;}
 
  #header_btn {padding-bottom:20px;border-bottom: 4px solid #FF005A;}

.banner-thumbnail-wrapper,
.red-line {
  padding-bottom:20px;
}
 
  .email-logo  {
  width:100px;
  padding:15px 0px 0px;
  @media only screen and (min-width:700px){
    position:relative;  }
  @media only screen and (max-width:700px){
    position:relative;  }
}
 
  .transparent-header.view-list .banner-thumbnail-wrapper, .transparent-header.collection-type-page .banner-thumbnail-wrapper{
  padding-top:50px;
  padding-bottom:50px
}
 
  #footer {display:none}
 
  #copyright {
  line-height:1.4
}

#preFooter{ background:#eee;}
 
#header,
#preFooter nav.sqs-svg-icon--list, #footer nav.sqs-svg-icon--list{
  display:none
}  
}


.collection-type-blog .desc-wrapper p:nth-child(1) {
 
      font-family: "HelveticaNeue-Light";
    text-align: left !important;
    line-height: 1em !important;
    font-size: 68px;
    line-height: 1em;
    text-transform: none;
    letter-spacing: 4px;
    font-weight: 700;
  text-indent:3px
 }

#footer .subnav{
position:absolute;

  }

#footer .nav-wrapper nav>div {
  display:inline-block;
  @media only screen and (min-width:1280px) { max-width:150px;}
}

.blog-item-wrapper .post-title, { font-family:HelveticaNeue-Light;text-transform:none !important;font-weight:200;font-size:64px;text-align:left;}
.blog-item-wrapper .post-title, {
    font-family:"HelveticaNeue-Light";
    font-weight:600 !important;
    letter-spacing:.5px !important;
    line-height:1.2 !important;
    color:#fff;
    letter-spacing:.035em;
    @media only screen and (min-width:1440px) { font-size:48px !important; position:relative; left:.2em; display:inline-block !important;}
    @media only screen and (min-width:700px) and (max-width:1440px) {font-size:38px !important; position:relative; left:.45em;}
    @media only screen and (max-width:700px){ text-align:left !important; font-size:28px !important; display:block !important; position:relative;top:4px;font-weight:400;}
}
 
.collection-type-blog .title-desc-wrapper {
  @media only screen and (min-width:750px) { width:170%;
  padding:0 17px !important;
  margin:0 !important;
  position:absolute !important;
    display:block !important;
    top:100px;  }
  text-align:left;  
}

.collection-type-blog.view-item.transparent-header .banner-thumbnail-wrapper{
  padding--bottom:180px;
}

p,.entry-actions a, .entry-comments a, .eventitem-addtocallinks a, .album-info .engagement a, .entry-dateline a, .entry-byline a, .entry-morefrom a, .entry-tags a, .entry-source a, .eventitem-backlink a, .sqs-audio-playlist .tracks .track-info .artist a, .summary-info-item a,.entry-more-link a,
.meta-above-title ,.pagination>div a ,pagination,.entry-actions, .entry-comments, .eventitem-addtocallinks, .album-info .engagement, .entry-dateline, .entry-byline, .entry-morefrom, .entry-tags, .entry-source, .eventitem-backlink, .sqs-audio-playlist .tracks .track-info .artist, .summary-info-item,span {
      font-family:"HelveticaNeue-Light";
 }
 
 @media only screen and (max-width:640px) {
.footer-inner  {
    text-align: center !important;
 }}

#roi {
 background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/56fd6e917da24fe19e9f2e6a/1459449489224/ROI-Background.jpg) no-repeat 100% center;
  background-size:cover;
@media only screen and (min-width:700px) and (max-width:1440px) {  background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/56fd6e917da24fe19e9f2e6a/1459449489224/ROI-Background.jpg) no-repeat 50% 50%; background-size:cover;}
@media only screen and (max-width:700px){ background-position:85% right;}}
 
h1 { line-height:1.2 }
 
#roi h1, #roi p { color:white;}

#clients {
 background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/56fd6d422b8dde21e6f22a65/1459449155238/Clients.jpg) no-repeat 100% center;
  background-size:cover;
@media only screen and (min-width:700px) and (max-width:1440px) {  background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/56fd6d422b8dde21e6f22a65/1459449155238/Clients.jpg) no-repeat 50% 50%; background-size:cover;}
@media only screen and (max-width:700px){ background-position:85% right;}}
 
h1 { line-height:1.2 }
 
#clients h1, #clients p { color:white;}

#creatively {
 background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/56fd72a82eeb81944a67a2f6/1459450536882/BannerCompilation-1600x6002.jpg) no-repeat 100% center;
  background-size:cover;
@media only screen and (min-width:700px) and (max-width:1440px) {  background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/56fd72a82eeb81944a67a2f6/1459450536882/BannerCompilation-1600x6002.jpg) no-repeat 50% 50%; background-size:cover;}
@media only screen and (max-width:700px){ background-position:85% right;}}
 
h1 { line-height:1.2 }
 
#creatively h1, #creatively p { color:white;}

#viewer {
 background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/56fd7ff686db430846fcf486/1459453942242/grey-Background.jpg) no-repeat 100% center;
  background-size:cover;
@media only screen and (min-width:700px) and (max-width:1440px) {  background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/56fd7ff686db430846fcf486/1459453942242/grey-Background.jpg) no-repeat 50% 50%; background-size:cover;}
@media only screen and (max-width:700px){ background-position:85% right;}}
 
h1 { line-height:1.2 }

#total-brand-control {
 background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/56fed2f8c2ea517fb953b28d/1459540728768/whitebackground.gif) no-repeat 100% center;
  background-size:cover;
@media only screen and (min-width:700px) and (max-width:1440px) {  background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/56fed2f8c2ea517fb953b28d/1459540728768/whitebackground.gif) no-repeat 50% 50%; background-size:cover;}
@media only screen and (max-width:700px){ background-position:85% right;}}
 
h1 { line-height:1.2 }

#total-brand-control {
 background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/56fed2f8c2ea517fb953b28d/1459540728768/whitebackground.gif) no-repeat 100% center;
  background-size:cover;
@media only screen and (min-width:700px) and (max-width:1440px) {  background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/56fed2f8c2ea517fb953b28d/1459540728768/whitebackground.gif) no-repeat 50% 50%; background-size:cover;}
@media only screen and (max-width:700px){ background-position:85% right;}}
 
h1 { line-height:1.2 }

#universal-access { background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/5744b0282b8dde5c126b23fc/1464119336578/20140916-squarespace-1555-black.jpg) no-repeat; background-size:cover;}
 
#universal-access h1, #universal-access p, #universal-access h2, #universal-access  { color:white;}

#roi { background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/5744b0282b8dde5c126b23fc/1464119336578/20140916-squarespace-1555-black.jpg) no-repeat; background-size:cover;}
 
#roi h1, #roi p, #roi h2, #roi  { color:white;}

#creative { background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/5744c244c6fc08b3af1b3806/1464123973292/20140916-squarespace-1555-blur.jpg) no-repeat; background-size:cover;}
 
#creative h1, #creative p, #creative h2, #creative  { color:white;}

#clients-1 { background:url(http://static1.squarespace.com/static/53fb898fe4b08bf8d1d1546c/t/5744b0282b8dde5c126b23fc/1464119336578/20140916-squarespace-1555-black.jpg) no-repeat; background-size:cover;}
 
#clients-1 h1, #clients-1 p, #clients-1 h2, #clients-1  { color:white;}