body{
   /* background-color:red;*/
}


  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
  
     .topnav {
          width: 100%;
          left: 0px;
          top:0px;
          float: left;


     }

   

.topnav  a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 14px;
  text-decoration: none;
  
}
  ul.topnav li.right, 
  ul.topnav li {float: none;}



ul.topnav {
  left: 0px;
  width: 100%;
          float: left;
          left: 0px;
          top:0px;
}



.topnav  a:hover:not(.active) {background-color: #ff6600;}

.topnav  a.active {background-color: #ffb84d;}

.topnav .right {float: right;}

.emblems {
       box-sizing: border-box;
     width: 100%;
      padding: 0px;
    margin:auto;
    margin-bottom: 50px;
    margin-top: 100px;

}

.emblems img {
     max-width: 70px;
     height: auto;
     padding:0px;
     margin: 0 .5 0 .5;

}


.emblems_spacing{      
 box-sizing: border-box;

    width: 600px;
     padding:0px;
     margin: auto;
}



.home_image_div { 
 box-sizing: border-box;
     clear:left;
     top:-40px;
     height: 120vh;
     width: 100%;
     background-image: url(images/home_kitchen_lighting.jpg); 
     background-size: 150%;
     background-position: 0px 100px;
     /* 
     background-position: 0 0px; */
     background-attachment: fixed;  
     padding: 20px;
     background-repeat: no-repeat;

     padding-left: 200px;
     padding-top: 40px;
    align-content: left;
    margin-bottom: 0px;


}

      
.home_image_div  span span{
     /*font-family: 'Roboto Condensed', sans-serif; font-size: 90px; font-weight: 400; line-height: 90px; font-variant: small-caps;*/
        font-family: oswald;
        color:#ff9900;
     font-size: 80px;
     font-weight: 500;
     line-height: 1;
     font-variant: small-caps;

}



.black_footer_div img {

     margin: 0;
     padding: 0;
     left: 0px;
     top: 20px;
     max-width:250px;
     height: auto;
     position: relative;

}


.logo img{
    margin-right: 0px;
     margin-bottom: 60px;
     padding: 0;
     left: 20px;
     top: 20px;
     width: 200px;
     height: auto;
     position: relative;


}


.box.right{
    width: 600px;
    height: 200px;        
     transform: translateX(200px);
    opacity: 0;
  position:relative;
}






.box.active{
    transform: translateX(0);
    opacity: 1;
}





.color_block_div {
  box-sizing: border-box;
     background-color: #ffcc80;

     height: 80vh;
     width: 100%;
     padding-left: 20px;
     padding-top: 110px;
     margin-top: 750px;
    align-content: left;
}