body 
    {
        background-color: white; 
        left: 0;
        margin: 0;
        position: relative;
    }
.lg-sub-html
    {
        font-family: 'Open Sans', sans-serif;
    }
.lg-sub-html p:first-of-type
    {
        font-style: italic;
        font-weight: bold;
    }
.superbox-list 
    {
        display:inline-block;
        *display:inline;
        zoom:1;
    }
.menu-desktop a 
    {
        color: lightslategrey;
        font-size: 15px;
        text-decoration: none;
    }
a 
    {
        text-decoration: none ! important; 
        color: black;
    }
.name
    {
        font-weight:400;
    }


@media only screen and (min-width: 1px) {
    
.menu-desktop
    {
        padding-top: 15px;
        z-index: 100;
    }
.section-mobile
    {
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        line-height: 45px;
    }
    
.selected
{
    font-weight: 500;
    color: black !important;
}
    .superbox li {
    display: inline;
}
    a:hover{
    font-weight: 500 !important;
    color: black !important;
    }
img .lg-object {
    height: 10px !important;
}
    
#grid {
    display: flex;
    text-align: center;
    height: 50vh;
    align-items: center;
    padding-left: 5%;
    padding-right: 5%;
    margin-left: -30;
}
.superbox-list 
    {
      width:45px;
    }

/* Initial menu */
.menu {
  
  left: -285px;  /* start off behind the scenes */
  height: 100%;
  position: fixed;
  width: 200px;
}
.menu-desktop
    {
    visibility: hidden;
    height: 0;
    }
.gallery-desktop span{
    visibility: hidden;
    }
.controls{
        display: none;
    }
    
/* Basic styling */

.jumbotron {
  
}

.menu ul {
  border-top: 1px solid #636366;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu li 
{
  border-bottom: 1px solid #636366;
  font-family: 'Open Sans', sans-serif;
  line-height: 45px;
  padding-bottom: 3px;
  padding-left: 20px;
  padding-top: 3px;
}



.icon-close {
  cursor: pointer;
  padding-left: 10px;
  padding-top: 10px;
  font-family: 'Open Sans', sans-serif;
}

.icon-menu 
{
  color: black;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-top: 25px;
  text-decoration: none;
/*  text-transform: uppercase;*/
}

.icon-menu i {
  margin-right: 5px;
}

ul
{
    list-style: none;
}
.gallery-mobile
{
    margin-left: -40px;
    text-align: center;
    display: none;
}
.gallery-mobile span {
        
    display: block;
    text-align: center;
    font-family: 'Istok Web', sans-serif;
    font-size: 12px;
    
}
span:last-child {
    margin-bottom: 60%;
}
.name-mobile
{
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    line-height: 80px;
/*    padding-bottom: 10%;*/
    margin-top: -70px;
    
}
.section-mobile
{
    padding-bottom: 10%;
/*    border-top: 1px solid #636366;*/
/*    width: 20%;*/
    
}
.mySlides img
    {
        display: none;
    }
    

}
@media only screen and (min-width: 450px) {
    .menu-desktop{
    padding-top: 15px;
    z-index: 100;
}
   
    .section-mobile
    {
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        line-height: 45px;

    /*    border-top: 1px solid #636366;*/
    /*    width: 20%;*/
    }
    
     .selected
    {
        font-weight: 500;
        color: black !important;
    }
    .superbox li {
    display: inline;
}
    a:hover{
    font-weight: 500 !important;
    color: black !important;
}
img .lg-object {
    height: 10px !important;
}

#grid {
    display: flex;
    text-align: center;
    height: 50vh;
    align-items: center;
    padding-left: 5%;
    padding-right: 5%;
    margin-left: -30;
}


.superbox-list 
    {
      width:75px;
    }
.menu 
    {
  
      left: -285px;  /* start off behind the scenes */
      height: 100%;
      position: fixed;
      width: 200px;
    }
.menu-desktop
    {
    visibility: hidden;
    }
.gallery-desktop span{
    visibility: hidden;
    }
.controls{
        visibility: hidden;
    }
    
/* Basic styling */

.jumbotron {
  
}

.menu ul {
  border-top: 1px solid #636366;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu li {
  border-bottom: 1px solid #636366;
  font-family: 'Open Sans', sans-serif;
  line-height: 45px;
  padding-bottom: 3px;
  padding-left: 20px;
  padding-top: 3px;
}



.icon-close {
  cursor: pointer;
  padding-left: 10px;
  padding-top: 10px;
}

.icon-menu {
  color: black;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-top: 25px;
  text-decoration: none;
/*  text-transform: uppercase;*/
}

.icon-menu i {
  margin-right: 5px;
}

ul
{
    list-style: none;
}
.gallery-mobile
{
    margin-left: -40px;
    text-align: center;
    display: none;
}
.gallery-mobile span {
        
    display: block;
    text-align: center;
    font-family: 'Istok Web', sans-serif;
    font-size: 12px;
    
}
span:last-child {
    margin-bottom: 60%;
}
.name-mobile
{
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    line-height: 80px;
/*    padding-bottom: 10%;*/
    margin-top: -70px;
    
}
.section-mobile
{
    padding-bottom: 10%;
/*    border-top: 1px solid #636366;*/
/*    width: 20%;*/
    
}
.mySlides img
    {
        display: none;
    }
    

}
@media only screen and (min-width: 1025px) {
    
    .superbox-list 
    {
        width:100px;
    }

     #grid
    {
        display:flex;
        text-align: center;
        height: 100vh;
        align-items: center;
        padding-left: 25%;
        padding-right: 25%;
     }

    .menu-desktop{
    padding-top: 15px;
    z-index: 100;
    visibility:visible;
}
     .selected
    {
        font-weight: 500;
        color:  !important;
    }
    .superbox li {
    display: inline;
}
    a:hover{
    font-weight: 500 !important;
    color: black !important;
}
    img .lg-object {
    height: 10px !important;
}
    #gallery-desktop
    {
    background-color: white;
    position: relative;
    visibility: visible;
    }
    
    .jumbotron 
    {
        display: none;
    }
    
    
    .menu{
        display: none;
    }
    .menu-desktop {
  
    left: 0px;  /* start off behind the scenes */
    height: 100%;
    position: fixed;
    width: 250px;
    visibility: visible;
    }
    .icon-close{
    display: none;
    }
    .menu-desktop ul {
    
    list-style: none;
    margin: 0;
    padding: 0;
    }
    .menu-desktop li {
    
    font-family: 'Open Sans', sans-serif;
    line-height: 18px;
    padding-bottom: 2px;
    padding-left: 20px;
    padding-top: 0px;
    
    }
    .gallery-desktop{
        width: 100%;
        display: block;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh; 
        position: relative;
       
    }
    .gallery-desktop img{
        height: 520px;

        
        
        
        padding-top: 20px;
    }
    .button{
        background-color: white;
        border: none;
     }
    
    .left{
        margin-left: 0;
    }
    
    .mySlides{
        
    }
    .gallery-desktop span{
        display: block;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        
    }
    
    .installation {
        padding-bottom: 34px;
    }
    
}
@media only screen and (min-width: 1400px) {
    .menu-desktop{
    padding-top: 15px;
    z-index: 100;
}
     .selected
    {
        font-weight: 500;
        color: black !important;
    }
    .superbox li {
    display: inline;
}
    a:hover{
    font-weight: 500 !important;
    color: black !important;
}
    img .lg-object {
    height: 10px !important;
}
    #gallery-desktop
    {
    background-color: white;
    position: relative;
    
    }
    
    .jumbotron 
    {
        display: none;
    }
    
    
    .menu{
        display: none;
    }
    .menu-desktop {
  
    left: 0px;  /* start off behind the scenes */
    height: 100%;
    position: fixed;
    width: 250px;
    }
    .icon-close{
    display: none;
    }
    .menu-desktop ul {
    
    list-style: none;
    margin: 0;
    padding: 0;
    }
    .menu-desktop li {
    
    font-family: 'Open Sans', sans-serif;
    line-height: 18px;
    padding-bottom: 2px;
    padding-left: 20px;
    padding-top: 0px;
    
    }
    .gallery-desktop{
        width: 100%;
        display: block;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh; 
        position: relative;
       
    }
    .gallery-desktop img{
        height: 620px;
/*        padding-bottom: 10px;*/
        
        
        
        padding-top: 20px;
    }
    .button{
        background-color: white;
        border: none;
     }
    
    .left{
        margin-left: 0;
    }
    
    .mySlides{
        
    }
    .gallery-desktop span{
        display: block;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        
    }

    .installation {
        padding-bottom: 34px;
    }
    
    li:first-child {
/*    margin-bottom: 70px;*/
    }
   
   
    

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


    .menu-desktop{
    padding-top: 15px;
    z-index: 100;
}
     .selected
    {
        font-weight: 500;
        color: black !important;
    }
    .superbox li {
    display: inline;
}
    a:hover{
    font-weight: 500 !important;
    color: black !important;
}
    img .lg-object {
    height: 10px !important;
}
    #gallery-desktop
    {
    background-color: white;
    position: relative;
    
    }
    
    .jumbotron 
    {
        display: none;
    }
    
    
    .menu{
        display: none;
    }
    .menu-desktop {
  
    left: 0px;  /* start off behind the scenes */
    height: 100%;
    position: fixed;
    width: 250px;
    }
    .icon-close{
    display: none;
    }
    .menu-desktop ul {
    
    list-style: none;
    margin: 0;
    padding: 0;
    }
    .menu-desktop li {
    
    font-family: 'Open Sans', sans-serif;
    line-height: 18px;
    padding-bottom: 2px;
    padding-left: 20px;
    padding-top: 0px;
    
    }
    .gallery-desktop{
        width: 100%;
        display: block;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh; 
        position: relative;
        
        
       
    }
    .gallery-desktop img{
        height: 700px;
        padding-bottom: 10px;
/*        padding-top: 150px;*/
    }
    .button{
        background-color: white;
        border: none;
     }
    
    .left{
        margin-left: 0;
    }
    
    .mySlides{
        
    }
    .gallery-desktop span{
        display: block;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        
    }
    
    .installation {
        padding-bottom: 34px;
    }
    li:first-child {
/*    margin-bottom: 70px;*/
        
    }
   
   
    

}