body {
  overflow: hidden;
}

.full-width .page-title { display: none;}


.fixed {
  position: fixed;
  top:0;
  left:-1;
}

.scroll {
  z-index:700;
  position:relative;
}


/* Learn More Page ----------- */

div.learnmore { width: 100% !important; float: left; margin: 0 auto; border-bottom: 0px solid; }
div.learnmore h2 { 
  color: #000000;
    font-family: 'Quicksand', Helvetica, Arial, sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 20px 0;
}

div.learnmore h3 { 
  color: #000;
    font-family: 'Quicksand',Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
div.learnmore h4 { font-family: 'Quicksand', Helvetica, Arial, sans-serif; font-weight: bold; }
div.learnmore h5 { font-family: 'Quicksand', Helvetica, Arial, sans-serif; font-weight: bold; }
div.learnmore p { font-family: 'Quicksand', Helvetica, Arial, sans-serif; margin: 0; }


#learnmoreilumi {
  width: 100%;
  height: 800px;
  background-color: #ffffff;
  margin: 0px 0 0 0;
  z-index: 2;
}

#learnmoreilumi-bulb { width: 25%; max-width: 300px; }
#learnmoreilumi-app { width: 45%; max-width: 450px; }

#learnmoreilumi-text { padding: 50px 0 0 0; height: auto; text-align: center; width: 80%; max-width: 1050px; margin: 0 auto; }
#learnmoreilumi-text a { text-align: center; font-family: 'Quicksand', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.8em; font-weight: bold; text-transform: uppercase; }
}
#learnmoreilumi h2 { 
    color: #000000;
    font-family: 'Quicksand', Helvetica, Arial, sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 20px 0;
}
#learnmoreilumi p { color: #000000 !important; font-weight: normal; margin: 0; }

.learntwocolumns {width: 43%; float: left; padding: 25px; margin: 0 auto; }
.learntwocolumns p { font-size: 16px !important; font-weight: bold; text-transform: uppercase;}

a.learnbtn {  text-transform: uppercase;
  margin: 20px 0 10px 0;
  text-decoration: none;
  letter-spacing: .5px;
  font-weight: bold;
  font-style: normal;
  font-size: 16px;
  padding: 10px 15px;
  display: inline-block;
  background-color: #ff009b;
  color: #ffffff !important;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #680768;
}

a.learnbtn:hover {
  background-color: #eb0290;
  color: #fff;
  -webkit-transition: all 1s;
  transition: all 1s;
}



/*  LIGHT IS IMPORTANT  ----------- */

#lightingisimportant {
  width: 100%;
  float: left; 
  min-height: 500px;
  background: url(https://cdn.shopify.com/s/files/1/0234/8675/files/Lighting-is-important.jpg?12428680966747361356) no-repeat center center;
  background-size: cover;
}

#lightingisimportant-text { padding: 120px 0 0 50px; height: auto; width: 80%; margin: 0 auto; max-width: 1050px; text-align: center; text-shadow: 2px 2px 10px #000000; }

#lightingisimportant h2 { color: #ffffff !important; font-size: 40px; }
#lightingisimportant p { color: #ffffff !important; font-size: 20px; line-height: 2em; font-weight: normal; margin: 0; }


#lighttext {
  font-family: 'Quicksand', Helvetica, Arial, sans-serif !important;
  font-weight: normal;
}




/* UNLOCK THE POWER OF LIGHT ----------- */

#unlockcontainer {
  width: 100%;
  float: left;
  padding: 100px 0;
 
}

#unlockcontainer img {
  max-width: 100%;
  max-height: 100%;
}

#unlockcontainer-text { width: 75% !important; max-width: 1100px; margin: 0 auto; padding-bottom: 75px; }
#unlockcontainer-text h4 { text-align: center; }
#unlockcontainer-text h2 { font-size: 40px; line-height: 1.2em; text-transform: uppercase;
  text-align: center; }


#unlockcolumns {width: 45%; float: left;}

#unlockcolumns img {
  width: 50px;
  float: left;
}

#unlockcolumns h2 { color: #000000 !important; font-family: 'Quicksand', Helvetica, Arial, sans-serif;  font-size: 40px; padding: 0 0 25px 0; text-align: center; }
#unlockcolumns h3 { color: #0052A3 !important; font-family: Arial Black, Arial Bold, Gadget, sans-serif; font-size: 16px; line-height: 1em; }
#unlockcolumns p { font-family: 'Quicksand', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1em; font-weight: normal; }
#unlockcolumns p strong { font-family: 'Quicksand', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.3em; font-weight: bold; text-transform: uppercase; margin: 0 0 30px 0; }


#background_cycler{padding:0;margin:0;width:100%;height: 500px; position:absolute;top:0;left:0;z-index:-1}
#background_cycler img{position:absolute;left:0;top:0;width:100%;z-index:1}
#background_cycler img.active{z-index:3}



/* LIGHTING EXPERIENCES ----------- */

#lightingexperiences {
  clear: both;
  float: left;
  width: 100%;
  height: 600px;
  background: url(https://cdn.shopify.com/s/files/1/0234/8675/files/lightingexperiences.jpg?16102312740179895155) no-repeat center center;
  background-size: cover;
}

#lightingexperiences-text { padding: 120px 0 0 50px; height: auto; text-align: center; }
#lightingexperiences-text h2 { color: #ffffff !important; font-size: 40px; font-family: Arial Black, Arial Bold, Gadget, sans-serif;  }
#lightingexperiences p { color: #ffffff !important; font-size: 24px; line-height: 2em; font-weight: bold; margin: 0; }


#experiencecontainer {
  float: left;
  clear: none;
  width: 100%;
  background-color: #000000;
  padding: 0;
  margin: 0 auto;
}

#experiencecontainer h2 { color: #ffffff; font-family: Arial Black, Arial Bold, Gadget, sans-serif; font-size: 30px; margin: 0; padding: 0;}
#experiencecontainer p { color: #ffffff; font-family: Helvetica, Arial, sans-serif; font-size: 1.3em; line-height: 1em; margin: 0; padding: 10px;}


div.experiencecontent {  width: 70% !important; max-width: 1050px; padding: 70px 0; margin: 0 auto; height: 500px; text-align: center; }

div.experienceitem { padding: 0; margin: 5px; }

#experienceitem-torch {  float: left; width: 31%; min-width: 250px; height: 50%; background: url(https://cdn.shopify.com/s/files/1/0234/8675/files/ftorch.png?2943973039121497916) no-repeat top center; background-size: cover; position: relative; z-index: 11;}
#experienceitem-circadian {  float: left; width: 31%; min-width: 250px; height: 50%; background: url(https://cdn.shopify.com/s/files/1/0234/8675/files/fcircadian.png?2943973039121497916) no-repeat top center; background-size: cover; position: relative; z-index: 11;}
#experienceitem-scenescheduler {  float: left; width: 31%; min-width: 250px; height: 50%; background: url(https://cdn.shopify.com/s/files/1/0234/8675/files/fscene.png?9555871509547035229) no-repeat top center; background-size: cover;  position: relative; z-index: 11;}
#experienceitem-vacation {  float: left; width: 31%; min-width: 250px; height: 50%; background: url(https://cdn.shopify.com/s/files/1/0234/8675/files/fvacation.png?2943973039121497916) no-repeat top center; background-size: cover; position: relative; z-index: 11;}
#experienceitem-musicsync {  float: left; width: 31%; min-width: 250px; height: 50%; background: url(https://cdn.shopify.com/s/files/1/0234/8675/files/fmusicsync.png?2943973039121497916) no-repeat top center; background-size: cover; position: relative; z-index: 11;}
#experienceitem-riseshine {  float: left; width: 31%; min-width: 250px; height: 50%; background: url(https://cdn.shopify.com/s/files/1/0234/8675/files/frisenshine.png?2943973039121497916) no-repeat top center; background-size: cover; position: relative; z-index: 11;}

#experiencecontent {  padding: 0; height: 100%; width: 100%; margin: 0 auto; z-index: 12; opacity: 0; transition: opacity 1s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; background-color: #000000; }
#experiencecontent h2 { color: #ffffff; font-family: Arial Black, Arial Bold, Gadget, sans-serif; font-size: 1.5em; margin: 0; padding: 0;}
#experiencecontent p { color: #ffffff; font-family: Helvetica, Arial, sans-serif; font-size: 1.3em; line-height: 1em; margin: 0; padding: 10px;}
#experiencecontent:hover {  opacity: 0.8;}
#experiencecontent img {  margin-top: 25px;}


p#cf7_controls {
  text-align:center;
}
#cf7_controls span {
  padding-right:2em;
  cursor:pointer;
}
#cf7 {
  position:relative;
  height:281px;
  width:450px;
  margin:0 auto 10px;
}
#cf7 img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

#cf7 img.opaque {
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=1);
}







/* THE TECH ----------- */


#techcontainer {
  float: left;
  padding: 100px 0;
  height: auto;
  margin: 0 auto;
}

#techtext {
  width: 75%;
  padding: 10px;
}

#techcontainer h2 { color: #000000 !important; font-family: 'Quicksand', Helvetica, Arial, sans-serif;  font-size: 40px; padding: 0 0 25px 0; text-align: center; }

#techtext h4 { color: #000000 !important; font-family: 'Quicksand', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1em; font-weight: bold; }
#techtext p { float: left; font-family: 'Quicksand', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1em; font-weight: normal; margin: 0 0 30px 0; }


#bulb {float: left; height: 100%; margin: 0 auto; }
#bulb img { width: 100%; max-width: 300px; margin: 0 auto; }



#patents {
  width: 100%;
  float: left;
  background-color: #E62E8A;
  margin: 0 auto;
  padding: 70px 0;
}

#patentscontainer { width: 70%; margin: 0 auto;  }

#patents h2 { color: #ffffff !important; font-family: Arial Black, Arial Bold, Gadget, sans-serif; font-size: 36px; margin: 0; text-transform:uppercase; text-align: center; }
#patents p { color: #ffffff !important; font-size: 18px; line-height: 1.7em; font-weight: normal; text-align: center;margin: 0; }









/* MOBILE STYLES ----------- */


@media only screen and (min-width : 100px) and (max-width : 640px) { 
#learnmoreilumi {  height: 500px; background-size: 500px;}
#learnmoreilumi-text { padding: 50px 10px; height: auto; text-align: center; }
#learnmoreilumi h2 { font-size: 24px; line-height: 1.1em; font-family: 'Arial Black', Arial Bold, Gadget, sans-serif; font-weight: bold; }
#learnmoreilumi p { font-size: 14px; line-height: 1.1em; font-weight: normal; margin: 0; }
#lightingisimportant-text { padding: 120px 0 0 20px;}
#lightingisimportant h2 { text-align: left; text-shadow: 2px 2px 10px #000000; font-size: 24px; line-height: 1.1em; font-family: 'Arial Black', Arial Bold, Gadget, sans-serif; font-weight: bold; }
#lightingisimportant p { text-align: left; font-size: 0.9em; text-shadow: 2px 2px 10px #000000;}  
  #unlockcontainer { height: 1000px;}
  #unlockcontainer-text { padding: 100px 10px 0 10px;}
  #unlockcontainer h2 { padding: 0; font-size: 26px; line-height: 1.1em; font-family: 'Arial Black', Arial Bold, Gadget, sans-serif; font-weight: bold;}
  #unlockcontainer h4 { padding: 0; font-size: 16px; line-height: 1em; font-weight: bold;}
  #unlockthepoweroflight { width: 95%;}
  #unlockthepoweroflight img { float: left; clear: both;}
  div #setupinseconds { min-width: 310px; min-height: 180; }
  div #powerondefault { min-width: 310px; min-height: 180; }
  div #brightwhitesrichcolors { min-width: 310px; min-height: 180; }
  div #wholehomecontrol  { min-width: 310px; min-height: 180; }
  #fourpoints { width: 90%; padding-bottom: 0; }
  #fourpoints h2 { text-align: left; padding: 0; font-size: 12px; line-height: 1.1em; font-family: 'Arial Black', Arial Bold, Gadget, sans-serif; font-weight: bold;}
  #fourpoints p { text-align: left; font-size: 12px; line-height: 1em; }
  #fourpoints img { width: 70%; padding-left: 10px; max-width: 80px; }
  #lightingexperiences-text { padding: 100px 10px;}
  #lightingexperiences h2 { text-shadow: 2px 2px 10px #000000; font-size: 24px; line-height: 1.1em; font-family: 'Arial Black', Arial Bold, Gadget, sans-serif; font-weight: bold; }
  #lightingexperiences p { text-shadow: 2px 2px 10px #000000; font-size: 16px;}
  div.experiencecontent { width: 95% !important; padding: 25px 0; }
  div.experiencecontent h2 { font-size: 24px; line-height: 1.1em; font-family: 'Arial Black', Arial Bold, Gadget, sans-serif; font-weight: bold; }
  div.experienceitem { margin: 0; }
  #experienceitem-torch { width: 100%; margin-top: 35px; }
  #experienceitem-circadian { width: 100%; margin-top: 5px; }
  #experienceitem-scenescheduler { width: 100%; margin-top: 5px; }
  #experienceitem-vacation { width: 100%; margin-top: 5px; }
  #experienceitem-musicsync { width: 100%; margin-top: 5px; }
  #experienceitem-riseshine { width: 100%; margin-top: 5px; margin-bottom: 35px; }
  #commercialblock-text { width: 95%; max-width: 300px; padding: 50px 10px;}
  #commercialblock h2 { font-size: 24px; line-height: 1.1em; font-family: 'Arial Black', Arial Bold, Gadget, sans-serif; font-weight: bold; }
  #commercialblock p { font-size: 16px;}
  #commercialblock h3 { font-size: 18px;}
  #commercialblock a  { font-size: 12px;}
#bulb { display: none; }
#bulb img { width: 100%; max-width: 300px; margin: 0 auto; }
}

@media screen and (min-width: 480px) and (max-width: 640px) and (orientation: landscape) {
#learnmoreilumi {  height: 550px; background-size: 500px;}
#learnmoreilumi-text { padding: 50px 10px; height: auto; text-align: center; }
#learnmoreilumi h2 { font-size: 28px; }
#learnmoreilumi p { font-size: 18px; line-height: 2em; font-weight: normal; margin: 0; }
#lightingisimportant h2 { text-shadow: 2px 2px 10px #000000;}
#lightingisimportant p { font-size: 18px; text-shadow: 2px 2px 10px #000000;}  
  #unlockcontainer { height: 1200px;}
  #unlockcontainer-text { padding: 100px 10px 0 10px;}
  #unlockcontainer h2 { padding: 0; font-size: 20px; line-height: 1em;}
  #unlockcontainer h4 { padding: 0; font-size: 16px; line-height: 1em;}
  #unlockthepoweroflight { width: 95%;}
  #unlockthepoweroflight img { float: left; clear: both;}
  div #setupinseconds { min-width: 350px; }
  div #powerondefault { min-width: 350px; }
  div #brightwhitesrichcolors { min-width: 350px; }
  div #wholehomecontrol  { min-width: 350px; }
  #fourpoints { width: 98%; }
  #fourpoints p { font-size: 16px; line-height: 1em; }
  #lightingexperiences-text { padding: 100px 10px;}
  #lightingexperiences p { font-size: 16px;}
  div.experiencecontent { width: 95% !important; padding: 25px 0; }
  div.experienceitem { margin: 0; }
  #experienceitem-torch { width: 100%; margin-top: 35px; }
  #experienceitem-circadian { width: 100%; margin-top: 5px; }
  #experienceitem-scenescheduler { width: 100%; margin-top: 5px; }
  #experienceitem-vacation { width: 100%; margin-top: 5px; }
  #experienceitem-musicsync { width: 100%; margin-top: 5px; }
  #experienceitem-riseshine { width: 100%; margin-top: 5px; margin-bottom: 35px; }
  #commercialblock-text { width: 95%; max-width: 300px; padding: 50px 10px;}
  #commercialblock h2 { font-size: 20px;}
  #commercialblock p { font-size: 16px;}
  #commercialblock h3 { font-size: 18px;}
  #commercialblock a  { font-size: 12px;}
#bulb { display: none; }
#bulb img { width: 100%; max-width: 300px; margin: 0 auto; }
}
@media screen and (min-width : 641px) and (max-width: 767px){ 
#learnmoreilumi {  height: 550px; background-size: 525px;}
#learnmoreilumi-text { padding: 50px 10px; height: auto; text-align: center; }
#learnmoreilumi h2 { font-size: 40px; }
#learnmoreilumi p { font-size: 18px; line-height: 2em; font-weight: normal; margin: 0; }
#lightingisimportant-text { padding: 170px 0 0 50px;}
#lightingisimportant h2 { text-shadow: 2px 2px 10px #000000;}
#lightingisimportant p { font-size: 20px; text-shadow: 2px 2px 10px #000000;}  
  #unlockcontainer { height: 1250px;}
  #unlockcontainer-text { padding: 100px 20px 0 20px;}
  #unlockcontainer h2 { padding: 0; font-size: 26px; line-height: 1em;}
  #unlockcontainer h4 { padding: 0; font-size: 16px; line-height: 1em;}
  #unlockthepoweroflight { width: 90%; margin: 0 auto; }
  #unlockthepoweroflight img { float: left; clear: both;}
  div #setupinseconds { min-width: 350px; }
  div #powerondefault { min-width: 350px; }
  div #brightwhitesrichcolors { min-width: 350px; }
  div #wholehomecontrol  { min-width: 350px; }
  #fourpoints { width: 98%; }
  #fourpoints p { font-size: 16px; line-height: 1em; }
  #lightingexperiences-text { padding: 100px 10px;}
  #lightingexperiences p { font-size: 18px;}
  div.experiencecontent { width: 95% !important; padding: 25px 0; }
  div.experienceitem { margin: 0; }
  #experienceitem-torch { width: 100%; margin-top: 35px; }
  #experienceitem-circadian { width: 100%; margin-top: 5px; }
  #experienceitem-scenescheduler { width: 100%; margin-top: 5px; }
  #experienceitem-vacation { width: 100%; margin-top: 5px; }
  #experienceitem-musicsync { width: 100%; margin-top: 5px; }
  #experienceitem-riseshine { width: 100%; margin-top: 5px; margin-bottom: 35px; }
  #commercialblock-text { width: 95%; max-width: 450px; padding: 50px 10px;}
  #commercialblock h2 { font-size: 36px;}
  #commercialblock p { font-size: 16px;}
  #commercialblock h3 { font-size: 20px;}
  #commercialblock a  { font-size: 12px;}
#bulb { display: none; }
#bulb img { width: 100%; max-width: 300px; margin: 0 auto; }
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { 
#learnmoreilumi {  height: 550px; background-size: 525px;}
#learnmoreilumi-text { padding: 50px 10px; height: auto; text-align: center; }
#learnmoreilumi h2 { font-size: 40px; }
#learnmoreilumi p { font-size: 18px; line-height: 2em; font-weight: normal; margin: 0; }
#lightingexperiences-text { padding: 100px 10px;}
#lightingisimportant h2 { text-shadow: 2px 2px 10px #000000;}
#lightingisimportant p { font-size: 20px; text-shadow: 2px 2px 10px #000000;}  
  #unlockcontainer { height: 1350px;}
  #unlockcontainer-text { padding: 100px 20px 0 20px;}
  #unlockcontainer h2 { padding: 0; font-size: 32px; line-height: 1em;}
  #unlockcontainer h4 { padding: 0; font-size: 16px; line-height: 1em;}
  #unlockthepoweroflight { width: 90%; margin: 0 auto; }
  #unlockthepoweroflight img { float: left; clear: both;}
  div #setupinseconds { min-width: 350px; }
  div #powerondefault { min-width: 350px; }
  div #brightwhitesrichcolors { min-width: 350px; }
  div #wholehomecontrol  { min-width: 350px; }
  #fourpoints { width: 98%; }
  #fourpoints p { font-size: 16px; line-height: 1em; }
  #lightingexperiences-text { padding: 100px 10px;}
  #lightingexperiences p { font-size: 18px;}
  div.experiencecontent { width: 95% !important; padding: 25px 0; }
  div.experienceitem { margin: 0; }
  #experienceitem-torch { width: 49%; margin-top: 35px; margin-right: 5px; }
  #experienceitem-circadian { width: 49%; margin-top: 35px; }
  #experienceitem-scenescheduler { width: 49%; margin-top: 5px; margin-right: 5px; }
  #experienceitem-vacation { width: 49%; margin-top: 5px; }
  #experienceitem-musicsync { width: 49%; margin-top: 5px; margin-right: 5px; margin-bottom: 35px; }
  #experienceitem-riseshine { width: 49%; margin-top: 5px; margin-bottom: 35px; }
  #commercialblock-text { width: 95%; max-width: 500px; padding: 50px 10px;}
  #commercialblock h2 { font-size: 36px;}
  #commercialblock p { font-size: 16px;}
  #commercialblock h3 { font-size: 20px;}
  #commercialblock a  { font-size: 12px;}
#bulb { display: none; }
#bulb img { width: 100%; max-width: 300px; margin: 0 auto; }
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
#learnmoreilumi {  height: 550px; background-size: 525px;}
#learnmoreilumi-text { padding: 50px 10px; height: auto; text-align: center; }
#learnmoreilumi h2 { font-size: 40px; }
#learnmoreilumi p { font-size: 18px; line-height: 2em; font-weight: normal; margin: 0; }
#lightingexperiences-text { padding: 100px 10px;}
#lightingisimportant h2 { text-shadow: 2px 2px 10px #000000;}
#lightingisimportant p { font-size: 20px; text-shadow: 2px 2px 10px #000000;}  
  #unlockcontainer { height: 1350px;}
  #unlockcontainer-text { padding: 100px 20px 0 20px;}
  #unlockcontainer h2 { padding: 0; font-size: 32px; line-height: 1em;}
  #unlockcontainer h4 { padding: 0; font-size: 16px; line-height: 1em;}
  #unlockthepoweroflight { width: 90%; margin: 0 auto; }
  #unlockthepoweroflight img { float: left; clear: both;}
  div #setupinseconds { min-width: 350px; }
  div #powerondefault { min-width: 350px; }
  div #brightwhitesrichcolors { min-width: 350px; }
  div #wholehomecontrol  { min-width: 350px; }
  #fourpoints { width: 98%; }
  #fourpoints p { font-size: 16px; line-height: 1em; }
  #lightingexperiences-text { padding: 100px 10px;}
  #lightingexperiences p { font-size: 18px;}
  div.experiencecontent { width: 95% !important; padding: 25px 0; }
  div.experienceitem { margin: 0; }
  #experienceitem-torch { width: 49%; margin-top: 35px; margin-right: 5px; }
  #experienceitem-circadian { width: 49%; margin-top: 35px; }
  #experienceitem-scenescheduler { width: 49%; margin-top: 5px; margin-right: 5px; }
  #experienceitem-vacation { width: 49%; margin-top: 5px; }
  #experienceitem-musicsync { width: 49%; margin-top: 5px; margin-right: 5px; margin-bottom: 35px; }
  #experienceitem-riseshine { width: 49%; margin-top: 5px; margin-bottom: 35px; }
  #commercialblock-text { width: 95%; max-width: 500px; padding: 50px 10px;}
  #commercialblock h2 { font-size: 36px;}
  #commercialblock p { font-size: 16px;}
  #commercialblock h3 { font-size: 20px;}
  #commercialblock a  { font-size: 12px;}
#bulb { display: none; }
#bulb img { width: 100%; max-width: 300px; margin: 0 auto; }
}

@media screen and (min-width: 980px) and (max-width: 1223px){
  div.experiencecontent { width: 95% !important; padding: 25px 0; }
  div.experienceitem { margin: 0; }
  #experienceitem-torch { width: 49%; margin-top: 35px; margin-right: 5px; }
  #experienceitem-circadian { width: 49%; margin-top: 35px; }
  #experienceitem-scenescheduler { width: 49%; margin-top: 5px; margin-right: 5px; }
  #experienceitem-vacation { width: 49%; margin-top: 5px; }
  #experienceitem-musicsync { width: 49%; margin-top: 5px; margin-right: 5px; margin-bottom: 35px; }
  #experienceitem-riseshine { width: 49%; margin-top: 5px; margin-bottom: 35px; }
}