html {
   scroll-behavior: smooth;
}
body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}

h1,h2,h3,h4,h5,h6 {
  color: blue;
}

body, html {
  height: 100%;
  line-height: 1.8;
}

/* Full height image header */
.bgimg-1 {
  background-position: center;
  background-size: cover;
  background-image: url("https://i.postimg.cc/xTzJJ2sh/cleaning.jpg");
  min-height: 100%;
}

.bgimg-2 {
  background-position: center;
  background-size: cover;
  background-image: url("https://i.postimg.cc/wvxWbgwB/banner-1.jpg");
  min-height: 100%;
}

.w3-bar .w3-button {
  padding: 16px;
}

/*Responsive map */
.map-responsive{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.map-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

/* GALLERY 2 */
/* Make the image fully responsive */
  .carousel-inner img {
    width: 100%;
    height: 100%;
  }

.w3-button:hover {
  text-decoration: none;
}

/*OVEN CLEANING PAGE CSS*/
/*Gallery css*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);

.p_gallery {
  font-size: 24px;
  font-family: Raleway;
  text-transform: uppercase;
  width: 30%;
  border-bottom: 5px solid #f1f1f1;
  margin: 1.66%;
}

.images {
  width: 30%;
  float: left;
  margin:1.66%;
}






/*MEDIA QUERY's*/

/* Media Query for Mobile Devices */
        @media (max-width: 480px) {
            .bgimg-1 {
                 background-image: url("https://i.postimg.cc/VvYD6fqQ/ace-cleaning.jpg");
            }

            .images {
  width: 100%;
   margin:1.66%;
}
          .p_gallery {
            width: 100%;
             margin: 0px;
          }          
          
        }





.arrow
{
  position: relative;
 /* bottom: -1rem; */
  margin-left:-20px;
  width: 40px;
  height: 40px;

  /**
   * Dark Arrow Down
   */
 background-size: contain;
}

.bounce {
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

.fa-chevron-down {
  color: black;
}











