@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Source+Serif+Pro:400,600,700&display=swap');
body {font-family: 'Poppins', sans-serif; margin: 0px; padding: 0px;}
html {
  scroll-behavior: smooth;
}
.masthead {
  height: 110vh;
  background-image: url('images/peninsula-dental-implant-banner.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.masthead h1 {color: #fff; font-family: 'Source Serif Pro', serif; font-size: 50px; margin-top:340px; text-align: left; margin-left: 13px; font-weight: 400;}
.masthead h1 span {font-weight: 700;}
.navbar {position: absolute; width: 100%; z-index: 99;}
.navbar, .navbar-brand {padding:0px;}
.address h3 { font-size: 18px;  padding-top: 15px; padding-left: 60px; color: #fff;  text-transform: uppercase;     }
.navbar-brand {position: absolute; top:-50px;}
.address img, .phone img {float: left;
    width: 55px;
    margin-right: 10px;
    margin-top: 8px; }
    .address, .phone {margin-top: 15px;    }

.phone h3 { font-size: 25px;  padding-top: 20px; padding-left: 60px; color: #fff;  text-transform: uppercase;  }

.one {background-color: #ebebeb; padding-top: 30px; }
.one h1 { font-family: 'Source Serif Pro', serif; font-size:70px; margin-top: 15px; color: #000000;  }

.btn-primary { text-transform: uppercase; margin-left: 13px; background-color: #50b0af; border-radius:25px; border-color:#50b0af; font-weight: 700; margin-top:30px; margin-bottom: 30px; }
hr.new5 {
  border: 2px solid #40b0ae;
}
.one h2 {font-size: 25px; font-family: 'Poppins', sans-serif; color: #000; font-weight:400;   }
.one p { font-size: 14px; margin-top: 20px; font-family: 'Poppins', sans-serif;  }

.two { background: linear-gradient(
    to right, 
    #c0e8e8 0%, 
    #c0e8e8 50%, 
    #ebebeb 50%, 
    #ebebeb 100%
  ); }
.two .head_section, .three .head_section, .four .head_section { background-color: #40b0ae;  }
.two .head_section  h1, .three .head_section h1, .four .head_section h1 { font-size: 50px; text-align: center; line-height: 100px;  color: #fff; font-family: 'Source Serif Pro', serif; }
.head_section {background-color: #40b0ae;}
.head_section h1 { font-size: 50px; margin-bottom: 0px;
 text-align: center; line-height: 100px;  color: #fff; font-family: 'Source Serif Pro', serif; }
.bg-color1 { background-color:#c0e8e8;  }
.bg-color1:before  {background-color:#c0e8e8; content:'';
  display:block;
  clear:both;   }
.bg-color2 { background-color:#ebebeb;  }
.two h1 { font-size: 35px; color: #000; margin-top: 0px; margin-bottom: 15px; font-family: 'Source Serif Pro', serif;   }
.two ul {margin: 0px; padding: 0px; }
.two ul li { list-style: none; background:url(images/tick-icon.png) no-repeat 0px 5px; padding-left: 30px; padding-bottom: 15px; font-size: 18px; font-family: 'Poppins', sans-serif;   }
.carousel-indicators  { bottom: -70px !important;  }
.carousel-indicators li { background-color:#e15524; width: 20px;  height: 20px; border-radius: 50%; border-top: 0px; border-bottom: 0px; }
.three {padding: 30px 0px 20px 0px;
  background-image: url('images/meet-the-doctor-bg.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.three h1 { color: #fff; }
.three p {color: #fff;  font-size:18px;}

#video_testimonials {margin-top:40px;}
.five {padding-top: 100px; padding-bottom: 100px; background-color: #ebebeb;}

.five h3 {font-size: 28px; color: #000;}
.four { background-color: #ebebeb; }
.five p {font-size: 22px; }


.contacts{
 background-image:url(images/peninsula-contact-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.contacts h3 {color:#fff;}
.contacts p {color:#fff;}
.form-section { background-color: #40b0ae; padding: 30px;   }
.footer { background-color: #e15524; padding: 15px 0px; text-align: center; color: #fff; font-size:18px;   }
 {  }

.btn-secondary { text-transform: uppercase;  background-color: #de5425; border-radius:25px; margin-top:10px; border-color:#de5425; font-weight: 700; position: relative; left:50%; transform: translateX(-50%); }
.form-section  h1 { text-align: center; text-transform: uppercase; font-size: 30px; color: #fff; }
.form-section .logo-box {background-color: #ebebeb; width: 130%; text-align: center; margin-top: 10px; margin-left:-60px; padding: 10px; margin-bottom: 10px;}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
.masthead {height: 60vh;}
.masthead h1 {margin-top: 150px;}
.two .head_section h1, .three .head_section h1, .four .head_section h1 {font-size: 40px;}
.two {background: #fff;}
#carouselExampleIndicators .carousel-indicators { bottom: 0px !important; }
}


@media only screen and (max-width: 600px) {
 .navbar-brand {position: relative; left:50%; top:0px; transform: translateX(-50%);}
  .navbar-brand img {width: 150px; }
  .three img {width:150px; margin:0 auto; position: relative;left: 50%; transform: translateX(-50%);}
  .three h1 {font-size:2rem; margin-top: 15px;}
  .two {background: #fff;}
  .two .head_section h1 {font-size: 20px;}
  .one h1 {font-size: 40px;}

}

.btn-primary:hover { background-color: #e15525; border-color: #e15525;   }
.thanks {position: relative; width: 100%; background-color: #e15525; padding: 15px 0px;}
.thanks h3 {text-align: center; color: #fff; font-size: 30px; line-height:40px; text-transform: uppercase;}