@font-face {
  font-family: rr;
  src: url("rr.ttf") format("truetype");
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"),
    url(https://fonts.gstatic.com/s/materialicons/v20/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2)
      format("woff2");
}

.material-icons {
  vertical-align: middle;
  font-family: "Material Icons";
  font-weight: 100;
  font-style: normal;
  font-size: 28px;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

* {
  margin: 0;
  text-align: center;
  font-family: rr;
}

#main {
  height: 100vh;
  width: 100%;
  background: url("../images/bg-main.jpg") no-repeat fixed;
  background-size: cover;
}

#main .banner2 {
  width: 20%;
  right: 3%;
  top: 20%;
  position: absolute;
}

#services,
#additional {
  background: url(../images/bg-services.jpg) no-repeat fixed;
  background-size: cover;
  height: 400px;
}

#myBtn {
  font-size: 32px;
  cursor: pointer;
  text-decoration: underline;
}

#hours {
  background: url(../images/bg-hours.jpg) no-repeat fixed;
  background-size: cover;
}

#hours .row3 {
  margin: 0;
  width: 25%;
  float: left;
}

#hours p {
  width: 100%;
  margin: 0;
}

#insurance {
  background: url(../images/bg-insurance.jpg) no-repeat fixed;
  background-size: cover;
  height: 450px;
}

#insurance h2 {
  margin: 5px 0 10px;
}

.insurance-logo {
  height: 20px;
}

ol {
  margin: 10px 30px;
}

li {
  font-size: 1.2em;
  margin-top: 10px;
  text-align: left;
}

#gallery {
  height: 40%;
  background: url(../images/bg-foto.jpg) no-repeat fixed;
  background-size: cover;
}

#gallery img {
  width: 22%;
}

#team {
  height: 700px;
}
#articlerinos {
  height: 300px;
  background: url(../images/bg-articles.jpg) no-repeat fixed;
  background-size: cover;
}
#contact {
  height: 800px;
  background: url(../images/bg-map2.jpg) no-repeat fixed;
  background-size: cover;
  padding-bottom: 30px;
}
#career {
  background: url(../images/bg-career.jpeg) no-repeat fixed;
  background-size: cover;
}

#contact h1 {
  height: 100px;
}

#contact .map {
  float: left;
  width: 45%;
  margin: 2.5%;
}
ol > li,
ul > li {
  font-size: 1em;
}
#contact iframe {
  width: 95%;
  margin: 2.5%;
  height: 200px;
  float: left;
}

#contact p {
  margin: 0 0 0 5%;
  text-align: left;
  width: 80%;
}

footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.7);
}

footer p {
  line-height: 30px;
}