@media only screen and (max-width: 768px) {
  a{
    text-decoration: none;
    color:inherit;
  }
  #desktop-content{
    display: none;
    visibility: hidden;
  }
  #header{
    position:fixed;
    top:0px;
    left:0px;
    height:10%;
    width:100%;
    border-bottom:1px solid #686868;
    z-index:10;
    background: white;
  }
  #logo{
    position: absolute;
    top:3%;
    height:94%;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
  }
  #menu{
    position:absolute;
    top:50%;
    transform: translate(0%, -50%);
    height:46%;
    right:5%;
    width:36px;
    background:white;
  }
  .menu-bar{
    position:absolute;
    left:0px;
    width:100%;
    height:22%;
    background:linear-gradient(90deg,#FF5500,#EBD510);
    border-radius:1000px;
  }
  #navMenu{
    position: fixed;
    top:0px;
    right:0px;
    visibility: hidden;
    height:100%;
    width:0px;
    box-shadow: -5px 0px 5px 2px #CDCDCD;
    z-index: 100;
    background: white;
  }
  #x-button-container{
    position:absolute;
    left:0px;
    top:0px;
    z-index:101;
    background:white;
    height:12%;
    width:100%;
  }
  #x-button{
    position:absolute;
    right:2%;
    top:50%;
    transform:translate(-50%,-50%);
    width:6vh;
    height:6vh;
  }
  #scroll-view{
    position:absolute;
    top:12%;
    left:0px;
    text-align: center;
    height:88%;
    overflow-x: hidden;
    width:100%;
  }
  #phone-contact-label{
    margin-top: 3vh;
    border-radius:1000px;
    padding:2vh;
    margin-left:6vw;
    margin-right:6vw;
    font-family: 'Varela Round', sans-serif;
    font-size:4.5vw;
    color: white;
    background:linear-gradient(90deg,#FF5500,#EBD510);
  }
  #email-contact-label{
    margin-top: 3vh;
    border-radius:1000px;
    padding:2vh;
    margin-left:6vw;
    margin-right:6vw;
    font-family: 'Varela Round', sans-serif;
    font-size:4.5vw;
    color: white;
    background:linear-gradient(90deg,#FF5500,#EBD510);
  }
  .contact-label-icon{
    vertical-align: middle;
    height:6vw;
    width:6vw;
  }
  .sub-header-menu-item{
    margin-top:8vh;
    font-family: 'Varela Round', sans-serif;
    font-size:6vw;
    color: #FF5500;
  }
  #home-bg-container{
    position:absolute;
    top:10%;
    left:0px;
    height:90%;
    width:100%;
    overflow: hidden;
  }
  #home-bg{
    position: absolute;
    top:0px;
    left:0px;
    height:100%;
    min-width:100%;
  }
  #home-description{
    position:absolute;
    top:55%;
    height:70%;
    left:50%;
    transform: translate(-50%,-50%);
    width:80%;
    padding-left:4vw;
    padding-right:4vw;
    background: #FFFFFFCC;
    border-top-left-radius:8px;
    border-bottom-right-radius:8px;
    border-top-right-radius:26px;
    border-bottom-left-radius:26px;
    text-align: center;
  }
  #home-description-text{
    position: absolute;
    top:50%;
    left:50%;
    width:calc(90% - 4vw);
    padding-left: 4vw;
    padding-right: 4vw;
    transform: translate(-50%,-50%);
    text-align: center;
  }
  #home-description-header{
    font-family: 'Montserrat', sans-serif;
    font-size:calc(2.6vw + 2.6vh);
    color:#686868;
    font-weight: bold;
  }
  #home-description-paragraph{
    font-family: 'Montserrat', sans-serif;
    font-size:calc(1.8vw + 1.8vh);
    color:#686868;
  }
  #get-in-touch-button{
    margin-top:3vh;
    padding:2vw;
    padding-top:2vh;
    padding-bottom:2vh;
    border-radius:1000px;
    color:white;
    background:linear-gradient(90deg,#FF5500,#EBD510);
    font-family: 'Varela Round', sans-serif;
    font-size:3vw;
    font-weight: bold;
  }
  #get-in-touch-button:hover{
    cursor:pointer;
    border: 2px solid #CC3300;
    color:#CC3300;
    background:white;
  }
  #services-container{
    position:absolute;
    top:100%;
    left:0px;
    width:100%;
    height:150vh;
  }
  #services-title{
    font-family: 'Montserrat', sans-serif;
    font-size:4.4vh;
    color:#686868;
    position: absolute;
    top:4vh;
    left:0%;
    width: 100%;
    text-align: center;
  }
  #services-list{
    position:absolute;
    top:16vh;
    width:100%;
    height:130vh;
  }
  #services-bar{
    position: relative;
    left:50%;
    transform: translate(-50%, 0%);
    margin-top: 3vh;
    height:4px;
    width:10vh;
    border-radius:1000px;
    background:linear-gradient(90deg,#FF5500,#EBD510);
  }
  .service{
    position:relative;
    margin-top:2vh;
    height:30%;
    left: 50%;
    width:85%;
    transform: translate(-50%, 0%);
    box-shadow: 0px 0px 10px 2px #DEDEDE;
    border-top-left-radius:8px;
    border-bottom-right-radius:8px;
    border-top-right-radius:26px;
    border-bottom-left-radius:26px;
    text-align: center;
  }
  .service-icon{
    height:10vh;
    width:10vh;
    margin-top:4vh;
    padding:0.5vw;
    border-radius:1000px;
    border: 3px solid #FF5500;
  }
  .service-header{
    margin-top:8vh;
    font-family: 'Montserrat', sans-serif;
    font-size:4.4vh;
    color:#686868;
    position: relative;
    left:50%;
    transform: translate(-50%,-50%);
    width:70%;
    font-weight: bold;
  }
  #range-container{
    position:absolute;
    top:calc(100% + 150vh);
    left:0px;
    width:100%;
    height:254vh;
    border-top:2px solid #686868;
  }
  #range-title{
    font-family: 'Montserrat', sans-serif;
    font-size:4.4vh;
    color:#686868;
    position: absolute;
    top:4vh;
    left:0%;
    width: 100%;
    text-align: center;
  }
  #range-list{
    position:absolute;
    top:16vh;
    width:100%;
    height:230vh;
  }
  #range-bar{
    position: relative;
    left:50%;
    transform: translate(-50%, 0%);
    margin-top: 3vh;
    height:4px;
    width:10vh;
    border-radius:1000px;
    background:linear-gradient(90deg,#FF5500,#EBD510);
  }
  .range{
    position:relative;
    margin-top:4vh;
    height:18%;
    left: 50%;
    width:85%;
    transform: translate(-50%, 0%);
    box-shadow: 0px 0px 10px 2px #DEDEDE;
    border-top-left-radius:8px;
    border-bottom-right-radius:8px;
    border-top-right-radius:26px;
    border-bottom-left-radius:26px;
    text-align: center;
  }
  .range-icon{
    height:14vh;
    margin-top:4vh;
    padding:0.5vw;
  }
  .range-arrow{
    margin-left:2vw;
    width:5vw;
    height:5vw;
    vertical-align: middle;
  }
  .range-header{
    margin-top:8vh;
    font-family: 'Montserrat', sans-serif;
    font-size:4.4vh;
    color:#686868;
    position: relative;
    left:50%;
    transform: translate(-50%,-50%);
    width:70%;
    font-weight: bold;
  }
  #footer{
    position:absolute;
    top:calc(100% + 404vh);
    left:0px;
    height:16vh;
    border-top:2px solid #686868;
    width:100%;
    background:white;
  }
  #copyright-text{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    font-family: 'Varela Round', sans-serif;
    font-size:3.2vw;
    text-align: center;
    color:#EE4400;
  }
}
@media only screen and (min-width: 769px) {

#mobile-content{
  display: none;
}
#header{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:14%;
  background:white;
  overflow: hidden;
  z-index:4;
}
#header-corner-gradient{
  position:absolute;
  top:0px;
  left:0px;
  height:calc(14% + 52px);
  z-index:3;
}
#logo{
  position:absolute;
  left:6%;
  top:4%;
  height:92%;
}
#label-container{
  position:absolute;
  top:50%;
  right:20px;
  transform: translate(0%, -50%);
}
#social-media-icons{

}
.social_media_footer_icons{
  width:32px;
  height:32px;
  margin-right:10px;
  vertical-align: middle;
}
#email-contact-label{
  border-radius:1000px;
  padding:10px;
  padding-left:20px;
  padding-right:20px;
  font-family: 'Varela Round', sans-serif;
  font-size:1.2vw;
  margin-right:72px;
  color: white;
  background:linear-gradient(90deg,#FF5500,#EBD510);
}
#email-contact-label:hover{
  cursor:pointer;
  box-shadow: 0px 0px 10px 2px #ABABAB;
}
#phone-contact-label{
  border-radius:1000px;
  padding:10px;
  padding-left:20px;
  padding-right:20px;
  font-family: 'Varela Round', sans-serif;
  font-size:1.2vw;
  color: white;
  margin-right:42px;
  background:linear-gradient(90deg,#FF5500,#EBD510);
}
#phone-contact-label:hover{
  cursor:pointer;
  box-shadow: 0px 0px 10px 2px #ABABAB;
}
.label-icon{
  vertical-align: middle;
  width:22px;
  height:22px;
  margin-right:6px;
}
#sub-header{
  position:absolute;
  top:14%;
  left:0px;
  width:100%;
  height:50px;
  background:white;
  border-top:2px solid #909090;
  border-bottom:2px solid #909090;
  font-weight: bold;
  z-index:2;

}
#sub-header-menu{
  position:absolute;
  top:50%;
  left:50%;
  text-align:center;
  width:100%;
  transform: translate(-50%, -50%);
}
.sub-header-menu-item{
  font-family: 'Montserrat', sans-serif;
  font-size:calc(8px + 0.6vw);
  color:#686868;
  margin-left:12px;
  margin-right:12px;
  padding-left:12px;
  padding-right:12px;
  height:51px;
  vertical-align: middle;
  display:inline-block;
}
.sub-header-menu-item:hover{
  cursor:pointer;
  color:#ef4300;
  font-weight: bold;
}
.sub-header-text{
  vertical-align: middle;
  position: relative;
  top:50%;
  transform: translate(0%, -50%);
}
#homepage-image-container{
  position:absolute;
  top:calc(14% + 50px);
  width:100%;
  height:calc(86% - 50px);
  left:0px;
  overflow:hidden;
}
#homepage-image-filter{
  position:absolute;
  top:0px;
  left:0px;
  height:100%;
  width:70%;
}
#homepage-image{
  position:absolute;
  top:0px;
  right:0px;
  width:65%;
  min-height:100%;
}
#description-text-container{
  position:absolute;
  top:calc(20% + 50px);
  left:0px;
  width:45%;
  height:calc(100% - 20% - 50px);
  overflow-y:hidden;
}
@keyframes description-text-animation {
  from {opacity:0.0;}
  to {opacity:1.0;}
}

#description-text{
  position: absolute;
  left:calc(10% + 20px);
  width:70%;
  height:90%;
  top:10%;
  text-align:center;
  animation-name: description-text-animation;
  animation-duration: 4s;
}
#description-header{
  font-family: 'Montserrat', sans-serif;
  font-size:2.7vw;
  color:#686868;
}
#description-paragraph{
  font-family: 'Montserrat', sans-serif;
  font-size:1.7vw;
  color:#ABABAB;
}
#get-in-touch-button{
  padding:50px;
  padding-top:12px;
  padding-bottom:12px;
  border-radius:10px;
  border: 2px solid #FF5500;
  color:#FF5500;
  background:white;
  font-family: 'Varela Round', sans-serif;
  font-size:1.4vw;
}
#get-in-touch-button:hover{
  cursor:pointer;
  border: 2px solid #CC3300;
  color:#CC3300;
  background:white;
}

#services-container{
  position: absolute;
  top:100%;
  border-top:2px solid #909090;
  border-bottom:2px solid #909090;
  left:0px;
  width:100%;
  height:458px;
  z-index:5;
}
#services-header{
  position:absolute;
  top:5%;
  height:10%;
  left:5%;
  font-family: 'Montserrat', sans-serif;
  font-size:6vh;
  color:#686868;
}
#services-bar{
  margin-top:18px;
  height:6px;
  width:80px;
  border-radius:1000px;
  background:linear-gradient(90deg,#FF5500,#EBD510);
}
#services-list-container{
  position:absolute;
  top:15%;
  height:80%;
  left:5%;
  width:90%;
}
.service{
  position:absolute;
  top:14%;
  height:85%;
  box-shadow: 0px 0px 10px 3px #E5E5E5;
  border-top-right-radius: 22px;
  border-bottom-left-radius: 22px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  width:calc(30% - 6vw);
  padding-left:3vw;
  padding-right:3vw;
  text-align: center;
}
.service-icon{
  height:5vw;
  margin-top:20px;
  padding:0.5vw;
  border-radius:1000px;
  border: 3px solid #FF5500;
}
.service-title{
  font-family: 'Montserrat', sans-serif;
  font-size:1.8vw;
  color:#686868;
  font-weight:bold;
}
.service-paragraph{
  margin-top:18px;
  font-family: 'Varela Round', sans-serif;
  font-size:1.4vw;
  color:#ABABAB;
}


#range-container{
  position: absolute;
  top:calc(100% + 460px);
  border-top:2px solid #909090;
  border-bottom:2px solid #909090;
  left:0px;
  width:100%;
  height:458px;
  z-index:5;
}
#range-header{
  position:absolute;
  top:5%;
  height:10%;
  left:5%;
  font-family: 'Montserrat', sans-serif;
  font-size:6vh;
  color:#686868;
}
#range-bar{
  margin-top:18px;
  height:6px;
  width:80px;
  border-radius:1000px;
  background:linear-gradient(90deg,#FF5500,#EBD510);
}
#range-list-container{
  position:absolute;
  top:15%;
  height:80%;
  left:5%;
  width:90%;
}
.range{
  position:absolute;
  top:14%;
  height:85%;
  box-shadow: 0px 0px 10px 3px #E5E5E5;
  border-top-right-radius: 22px;
  border-bottom-left-radius: 22px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  width:calc(22%);
  text-align: center;
}
.range:hover{
  cursor: pointer;
  box-shadow: 0px 0px 10px 3px #C5C5C5;
}
.range-get-a-quote{
  position:absolute;
  right:calc(5% + 16px);
  top:12%;
  transform: translate(0%, -50%);
  padding:8px;
  padding-left:16px;
  padding-right:16px;
  border-radius:1000px;
  background:linear-gradient(90deg,#FF5500,#EBD510);
  color:white;
  font-family: 'Montserrat', sans-serif;
  font-size:1.4vw;
  font-weight: bold;
}
.range-get-a-quote:hover{
  cursor: pointer;
  box-shadow:0px 0px 10px 3px #DEDEDE;
}
.range-icon{
  height:5vw;
  margin-top:20px;
  padding:0.5vw;
  border-radius:1000px;
  border: 3px solid #FF5500;
}
.range-title{
  font-family: 'Montserrat', sans-serif;
  font-size:1.8vw;
  color:#686868;
  font-weight:bold;
}
.range-paragraph{
  margin-top:18px;
  font-family: 'Varela Round', sans-serif;
  font-size:1.4vw;
  color:#ABABAB;
}
.range-image{
  position:absolute;
  top:10%;
  width:90%;
  left:5%;
  border-radius:20px;
}
.view-button{
  position:absolute;
  bottom:16px;
  padding:6px;
  padding-left:2vw;
  padding-right:2vw;
  border:2px solid #686868;
  border-radius:1000px;
  left:50%;
  transform: translate(-50%,0%);
  font-family: 'Montserrat', sans-serif;
  font-size:1vw;
  font-weight: bold;
  color:#686868;
  width:64%;
}
.view-button:hover{
  cursor:pointer;
}
.view-button-arrow{
  width:16px;
  height:16px;
  display:inline;
  vertical-align: middle;
  margin-left:4px;
}
#who-we-are-container{
  position:absolute;
  top:calc(100% + 460px + 460px);
  left:0px;
  width:100%;
  height:460px;
  background:white;
  overflow:hidden;
  border-top:2px solid white;
}
#who-we-are-image{
  position:absolute;
  top:0px;
  left:0px;
  width:65%;
  min-height: 100%;
}
#who-we-are-filter-1{
  position:absolute;
  top:0px;
  left:0px;
  opacity: 0.3;
  width:70%;
  height:100%;
}
#who-we-are-filter-2{
  position:absolute;
  top:-2px;
  right:0px;
  width:60%;
}
#who-we-are-text{
  position:absolute;
  right:8%;
  width:30%;
  top:50%;
  transform: translate(0%, -50%);
}
#who-we-are-header{
  font-family: 'Montserrat', sans-serif;
  font-size:3vw;
  color:#686868;
}
#who-we-are-bar{
  margin-top:18px;
  height:6px;
  width:80px;
  border-radius:1000px;
  background:linear-gradient(90deg,#FF5500,#EBD510);
}
#who-we-are-paragraph{
  margin-top:18px;
  font-family: 'Varela Round', sans-serif;
  font-size:1.6vw;
  color:#ABABAB;
}
.profile_image{
  border: 2px solid #FF5500;
  width:4.5vw;
  height:4.5vw;
  vertical-align: middle;
  border-radius: 1000px;
}
#footer-border{
  position:absolute;
  top:calc(100% + 1380px);
  left:0px;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,#FF5500,#EBD510);
}
#footer{
  position:absolute;
  top:calc(100% + 1384px);
  left:0px;
  width:100%;
  height:200px;
  background:#F6F6F6;
}
#copyright-text{
  position:absolute;
  top:50%;
  right:40px;
  transform: translate(0%, -50%);
  font-family: 'Varela Round', sans-serif;
  font-size:1.6vw;
  color:#EE4400;
  font-weight:bold;
}
#footer-column-1{
  position:absolute;
  top:50%;
  left:5%;
  transform: translate(0%, -50%);
  font-family: 'Varela Round', sans-serif;
  font-size:3.2vh;
  color:#EE4400;
}
#footer-column-2{
  position:absolute;
  top:50%;
  left:30%;
  transform: translate(0%, -50%);
  font-family: 'Varela Round', sans-serif;
  font-size:3.2vh;
  color:#EE4400;
}
a{
  text-decoration: none;
  color:inherit;
}
}