/* GLOBAL SETTINGS */
/* Note: Some may be changed later in the specific sections */
/* */

html {
  scroll-padding-top: 60px; /* height of sticky header */
}

body {
  font-family: "Fredoka", sans-serif;
}

h1{

}



/* */
/* THE HEADING SECTION */
/* */





/* */
/* THE MAIN LANDING SECTION */
/* */

.landing{
  padding-top:75px;
  padding-bottom:75px;

  background-image: url(startImage.jpg);

   /* Background image is centered vertically and horizontally at all times */
   background-position: center center;

   /* Background image doesn’t tile */
   background-repeat: no-repeat;

   /* Background image is fixed in the viewport so that it doesn’t move when the content’s height is greater than the image’s height */
   background-attachment: fixed;

   /* This is what makes the background image rescale based on the container’s size */
   background-size: cover;

   /* Set a background color that will be displayed while the background image is loading */
   background-color: #464646;

}

.h1_landing{
  color:#373c40;
  text-align:center;
  padding-bottom:10px;
  font-size: 120px;         /* default size shown on larger screens */
}

.p_landing{
  text-align: center;
  font-size:40px;
  color: #373c40;
}

@media (max-width: 800px)  {
      .h1_landing {font-size: 75px;}
      .p_landing {font-size: 30px;}
}

@media (max-width: 500px)  {
      .h1_landing {font-size: 50px;}
      .p_landing {font-size: 20px;}
}




/* */
/* THE REPEATED SECTIONS */
/* */

.sections{
  padding-top:50px;
  padding-bottom:75px;
}

.h1_services{
  /*color:#085ed5;   COLOR FOR ON HOVER BUTTON */
  color: #ffffff;
}

.h1_contact{
  color: #000000;
}

.card-text{
  color:#575757;
}

/* */
/* CONTACT US FORM */
/* */

.form4 {
  /*  background-color: #4DB7FE;*/
    background-size: cover
}

.form-bg {
    background: rgba(68, 68, 65, 0.77);
    padding: 20px
}

.form {
    background-color: white !important;
    padding: 20px
}

.form-group {
    margin-bottom: 20px
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.form-control {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #61615e;
    background: transparent;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

button.btn {
    display: block;
    padding: 11px 32px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin: 30px 0px
}

.btn-blue {
    background-color: #4285f4;
    color: #fff;
    border: 1px solid #4285f4
}



/* */
/* GOOGLE MAP */
/* */

#map {
  height: 500px;
  /* The height is 400 pixels */
  width: 500px;
  /* The width is the width of the web page */
}


/* */
/* FOOTER */
/* */

.footer{
  background-color:#1f74e6;
  padding-top:0px;
  padding-bottom:10px;
  padding-left:20px;
  padding-right:20px;
  color:#ffffff;
}

.footer a{
  color:#ffffff;
}