@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;400;800&display=swap");

/* CSS Variables */
:root {
  --normal-font: 200;
  --bold-font: 400;
  --bolder-font: 800;
  --primary-color: #0f7e68;
  --secondary-color: #000000;
  --line-height: 1.7rem;
  --transition: 0.4s ease-in;
}

/* Smooth scroll effect */
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Manrope", sans-serf;
}

a {
  text-decoration: none;
  color: var(--primary-color);
}

a:hover {
  color: var(--secondary-color);
}

@media (max-width: 767px) {
  .h1 {
    font-size: 28px;
  }
}

h1 {
  color: var(--secondary-color);
  font-size: 38px;
  font-weight: 300;
  padding: 18px 0;
  text-align: center;
}

h2 {
  color: var(--primary-color);
}

@media (max-width: 767px) {
  .column {
    width: 100%;
  }
}

.column {
  width: 100%;
}

@media (max-width: 767px) {
  .column {
    width: 100%;
  }
}

.row {
  display: inline-block;
  text-align: center;
}

@media (min-width: 768px) {
  .logo {
    width: 15% !important;
    height: auto !important;
  }
}

.logo {
  text-align: center;
  width: 55%;
  height: auto;
}

.video-message {
  padding: 20px 0;
  text-align: center;
}

img.banner {
  padding-bottom: 40px;
}