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



  .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;}

.content_div {

       box-sizing: border-box;
     height: 70vh;
     max-width: 100%;
     padding-left: 20px;
     padding-right: 20px;
    align-content: left;
    margin-top: -100px;
    margin-bottom: 200px;
    font-size: 20px;
    line-height: 28px

}

.content_div p{
    font-size: 20px;
    line-height: 2;
    padding: 20px;

}

.content_div span {
     color: #999; font-family: 'Roboto Condensed', sans-serif; font-size: 50px; font-weight: 400; line-height: 50px; 
  
}



.about_content_div span {
     color: #999; font-family: 'Roboto Condensed', sans-serif; font-size: 50px; font-weight: 400; line-height: 50px; 
  
}



.services_content_div span {
     color: #999; font-family: 'Roboto Condensed', sans-serif; font-size: 50px; font-weight: 400; line-height: 50px; 
  
}




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

     padding-left: 100px;
     padding-top: 50px;
    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;

}

      
.services_image_div  span span{
        font-family: oswald;
        color:#ff9900;
     font-size: 60px;
     font-weight: 500;
     line-height: 1;
     font-variant: small-caps;
}

      
.about_image_div  span span{
       font-family: oswald;
        color:#ff9900;
     font-size: 60px;
     font-weight: 500;
     line-height: 1;
     font-variant: small-caps;
}

.home_image_div .slide  {
         animation: 1s ease-out 0s 1 slideInLeft;
        padding: 40px;
          color: #0d0d0d;  
           font-family: oswald;
     font-size: 60px;
     font-weight: 500;
     /*text-transform: uppercase;*/
     line-height: 1;
     font-variant: small-caps;

}

.services_image_div .slide  {
         animation: 1s ease-out 0s 1 slideInLeft;
        padding: 40px;
      font-family: oswald;
          color: #fff;  
     font-size: 60px;
     font-weight: 500;
     line-height: 1;
     font-variant: small-caps;
}

.about_image_div .slide  {
         animation: 1s ease-out 0s 1 slideInLeft;
        padding: 60px;
          color: #0d0d0d;  
          font-family: oswald;
     font-size: 78px;
     font-weight: 500;
     line-height: 1;
     font-variant: small-caps;
}






.color_block_div span{
       font-size: 60px; font-weight: 900; font-style: italic;  line-height: 1; letter-spacing: -2.5px; margin-bottom: -40px;

}

.color_block_div span span{
       font-size:60px; font-weight: 900; font-style: italic; line-height: 1; letter-spacing: -2.5px; 

}

.color_block_div span p{
       font-size: 30px; font-weight: 900; line-height:0px; marging-top:-30px; letter-spacing: 0.5px;  

}





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

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




.box{
    transition: transform 0.5s, opacity 0.5s;
   color: #999;
font-family: 'Roboto Condensed', sans-serif; font-size: 50px; font-weight: 300; line-height: 1; 
   

}



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


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



.contain_title{
    width:95%;
    padding-left: 20px;
        height: 200px;
        margin-bottom: -200px;

}


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

}

.emblems img {
     max-width: 90px;
     height: auto;
     padding:0px;
     margin: 0 1 0 1;

}


.emblems_spacing{      
 box-sizing: border-box;

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





.black_footer_div {

       box-sizing: border-box;
     background-color: #0d0d0d;

     height:200vh;
     max-width: 100%;
     padding-left: 20px;
     padding-top: 50px;
    align-content: left;
}


.black_footer_div img {

     margin-top: 0;
     margin-bottom: 40px;
     left: 20px;
     top: 0px;
     max-width: 200px;
     height: auto;
     position: relative;

}



.newspaper2 {
       box-sizing: border-box;
       width: 500px;
visibility: visible;
  column-count: 2;
  margin-left: 0px;
  padding-left: 5px;
  line-height: 40px;
    font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 20px;
    color: #8c8c8c;

}