.display {
   display: none !important;
}

.name {
   margin-top: 50px !important;
}

.align {
   text-align: left !important;
}

.faa {
   margin-top: 43px !important;
}

.diff-col {
   color: #bd9700;
}

.float {
   position: fixed;
   width: 60px;
   height: 60px;
   bottom: 40px;
   right: 40px;
   background-color: #25d366;
   color: #FFF;
   border-radius: 50px;
   text-align: center;
   font-size: 30px;
   box-shadow: 2px 2px 3px #999;
   z-index: 100;
}

.my-float {
   margin-top: 16px;
}

.hero-banner__item-title {
   color: gray !important;
}

.hero-banner__item-text {
   color: gray !important;
}

.w3-container {
   padding: 10px 10px !important;
}

@media only screen and (min-width: 601px) {
   .hide_mobile {
      display: block !important;
   }

   .hide_desktop {
      display: none;
       !important;
   }
}

@media only screen and (max-width: 600px) {
   .hide_desktop {
      display: block !important;
   }

   .hide_mobile {
      display: none !important;
   }
}

.going {
   padding-bottom: 1px !important;
}

.complete {
   padding-bottom: 1px !important;
   margin-top: -15% !important;
}

.siteplandiv {
   margin-top: 5% !important;
}

.siteplanul {
   margin-bottom: 20px !important;
}

.siteplana {
   margin-top: 10% !important;
}

.siteplanli {
   margin-left: 90px !important
}

.spacious {
   margin-top: -10% !important;
}

.brochure {
   width: 50px;
}

.pop-up {
   width: 100%;
   height: 100%;
}

#site-plan {
   margin-left: 83px !important;
}

#projects {
   margin-left: 40% !important;
   margin-bottom: 10% !important;
}

#spaces {
   display: none !important;
}

#message {
   margin-bottom: 5% !important
}

#topright {
   color: #fff;
}