@font-face { font-family: Cabin; src: url('fonts/cabin-regular.ttf'); } 
@font-face { font-family: Cabin; font-weight: bold; src: url('fonts/cabin-medium-ttf.ttf'); } 

body { color: #494f49; font-family: 'Cabin', sans-serif; text-align: center; margin: 0 0 0 0;}
a { color: #62a062; text-decoration: underline; }
.footerURL { color: #ffffff; text-decoration: none; }

.debug { background-color: #494f49; }

.topSpacer { margin-top: 40px; }
.headerImageContainer { max-width: 740px; }
.buttonMenuContainer { display: none; }
.fullMenuContainer { display: block; }
.sloganContainer { font-size: 2.7em; font-weight: bold; margin: 40px; }
.mainTitle { font-size: 2.8em; font-weight: bold; margin: 40px; }
.mainImage { width: 100%; max-width: 1024px; display: block; margin-left: auto; margin-right: auto; }
.subTitle { font-size: 1.7em; font-weight: normal; }
.subText { font-size: 1.3em; font-weight: lighter; text-align: justify; text-justify: inter-word; }
.subSectionTitle { font-size: 1.7em; font-weight: bold; }
.subSectionImage { width: 480px; display: block; height: auto; margin: auto; }
.subSectionImageContainer {  display: flex; align-items: center; flex-wrap: wrap; }
.subSectionTextContainer { font-size: 1.2em; text-align: left; }
.contactsText { font-size: 1.2em; text-align: left; }
.textJustified { text-align: justify; }
.profileImageContainer { position: relative; width: 100%; }
.profileImageContainer:hover .profileImageOverlay { opacity: 1; }
.profileImageOverlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #3d3d3d; }
.profileImageOverlayText { color: white; font-size: 13px; text-align: left; position: absolute; width: 80%; height: auto; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.profileImage { width: 480px; display: block; height: auto; margin: auto; } 
.profileName { font-size: 1.5em; font-weight: bold; }
.profileTitle { font-size: 1.2em; }
.profileText { font-size: 1em;  text-align: justify; }
.footer { background-color: #373737; color: white; margin-top: 40px; padding-top: 40px; padding-left: 40px; padding-right: 40px; text-align: left; }
.footerText { font-size: 1em; }

.annotationText { font-size: 0.8em; text-align: left; }

.greybkg { background-color: #707070; }

@media only screen and (max-width: 768px) {
  .fullMenuContainer { display: none; }
  .buttonMenuContainer { display: block; }
  .mainTitle { font-size: 2.0em; }
  .subTitle { font-size: 1.6em; font-weight: 500; }
  .subSectionTitle { font-size: 1.5em; }
  .subSectionTextContainer { font-size: 1em; text-align: justify; }
  .subText { font-size: 1em; font-weight: normal; }
  .contactsText { font-size: 1em; font-weight: normal; }
  .footerText { font-size: 1.2em; }
}

.btn-whatsapp {
  display: inline-block;
  margin-top: 20px;
  padding: 12px 24px;
  background-color: #70a787;
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.2s ease;
}

.btn-whatsapp:hover {
  background-color: #82c39d;
  color: #fff;
  text-decoration: none;
}

.btn-whatsapp i {
  margin-right: 8px;
  font-size: 18px;
}