/*

320px — 480px: Mobile devices
481px — 768px: iPads, Tablets
769px — 1024px: Small screens, laptops
1025px — 1200px: Desktops, large screens
1201px and more —  Extra large screens, TV

*/
html {
  min-height: 100%;
  font-family: 'SF Pro Display', sans-serif;
}
body, #root, main {
  min-height: 100%;
  font-family: 'SF Pro Display', sans-serif;
}
.h1 {
  font-family: 'SF Pro Display', sans-serif !important;
  font-size: 50px!important;
  font-weight: 500 !important;
}
p {
  font-family: 'SF Pro Display', sans-serif;
  font-size: 28px;
  line-height: 39px;
}

.content {
  min-height: calc(100vh - 115px);
}


.menu-container {
  border-bottom: 1px solid;
  border-image: linear-gradient(89deg, #26A9AC, #F7B319) 1;
}
.menu {
  height: 70px;
}
.footer-container {
  height: 45px;
  background-color: #253235;
}
.footer-container a, .footer-container a:hover {
  color: white;
  text-decoration: none;
}
.logo {
  height: 43px;
  float: left;
}
.logo img {
  height: 43px;
}
.logo-desc, .logo-desc:hover {
  font-size: 30px;
  margin-left: 20px;
  text-decoration: none;
  color: black;
}

.footer-block {
  height: 45px;
  font-size: 13px;
  color: white;
}