body {
      background-image: url(../img/bg-MazeBlack.png);
      background-position: top left;
      background-repeat: repeat;
   }

   .wrapper {
      max-width: 900px;
   }

   .cramor-logo {
      height: 50px;
   }

   #address {
      background-image: url(../img/bg-contact-map.png);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
   }

   #address table {
      width: 90% ;
      margin: 10px auto;
   }

   #address td:nth-child(1) {
      vertical-align: top;
      padding-right: 5px;
   }

   #address td:nth-child(2) {
      vertical-align: baseline ;
      padding-right: 10px;
      color: #00BFFF;
      vertical-align: top;
   }
   #address td:nth-child(3) {
      vertical-align: baseline;
      font-size: 1.3em;
   }


   .tilt {
      transition: all 0.5s ease;
   }

   .tilt:hover {
      border-radius: 50%;
      transform: rotate(-10deg);
   }


   .site-design-page {
   border-radius: 10px;
   margin: 5px;
   padding: 5px;
   border: solid 1px rgb(68,103,156);
}

.site-design-page h5 {
   color: rgb(0,174,239);
   padding: 10px 15px;
}

.site-design-page ul {
   list-style: none;
}

.site-design-page ul li ul {
   font-size: .9em;
}

.site-design-page i {
   padding: 5px 10px;
   color: rgb(120,212,247);
}

.tree li input {
   opacity: 0;
}

.tree li label::after {
   content: '+';
   padding-left: 5px;
   color: red;
}

.tree li input:checked + label:after {
   content: '-';
   padding-left: 5px;
   color: green;
}

.tree input + label + ul {
   display: none;
}

.tree input:checked + label + ul {
   display: block;
}

.tree i {
   padding-right: 5px;
}

#folder-structure .fas.fa-folder {
   color: rgb(242,217,81);
}

#folder-structure .fa.fa-file-o {
   color: #00aeef;
}

#folder-structure i {
   padding-right: 10px;
}

#folder-structure ul {
   list-style: none;
}

#qr-code {
   max-width: 150px;
}