/* output file = home.css */
/*
OVERRIDE BOOTSTRAP _VARIABLES
*/
/* CUSTOM VARIABLES */
::selection {
  background-color: #4FE0B6;
  color: #ffffff;
}

a {
  transition: all 0.3s ease-in-out 0s;
}

h1 {
  font-size: 3.625rem;
}

@media (min-width: 48rem) {
  h1 {
    font-size: 3.875rem;
  }
}
@media (min-width: 62rem) {
  h1 {
    font-size: 5rem;
  }
}
h2 {
  font-size: 2.375rem;
}

@media (min-width: 48rem) {
  h2 {
    font-size: 2.625rem;
  }
}
@media (min-width: 62rem) {
  h2 {
    font-size: 3.125rem;
  }
}
@media (min-width: 90rem) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 93.75rem;
  }

  h1 {
    font-size: 5.625rem;
  }

  h2 {
    font-size: 3.75rem;
  }
}
@font-face {
  font-family: "Eina03 Light";
  src: url("../../../static/fonts/Eina03-Light.woff2") format("woff2"), url("../../../static/fonts/Eina03-Light.woff") format("woff");
}
@font-face {
  font-family: "Eina03 Regular";
  src: url("../../../static/fonts/Eina03-Regular.woff2") format("woff2"), url("../../../static/fonts/Eina03-Regular.woff") format("woff");
}
@font-face {
  font-family: "Eina03 Semibold";
  src: url("../../../static/fonts/Eina03-SemiBold.woff2") format("woff2"), url("../../../static/fonts/Eina03-SemiBold.woff") format("woff");
}
.header {
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 6;
}
@media (min-width: 48rem) {
  .header {
    display: flex;
  }
}
.header__link {
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: uppercase;
}
.header__link--dot {
  color: #4FE0B6;
}
.header .navbar {
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 48rem) {
  .header .navbar {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.footer {
  padding: 8.75rem 0;
}
@media (min-width: 48rem) {
  .footer {
    padding-left: 3rem;
    padding-right: 3rem;
    text-align: right;
  }
}
.footer__container {
  max-width: 100%;
}
@media (min-width: 48rem) {
  .footer__container {
    padding: 0;
  }
}
@media (min-width: 90rem) {
  .footer__container {
    max-width: 93.75rem;
  }
}
.footer__title {
  font-family: "Eina03 Light", sans-serif;
  margin-bottom: 1.25rem;
}
.footer__text {
  color: #737881;
}
@media (min-width: 48rem) {
  .footer__text {
    font-weight: 400;
  }
}
.footer__logotype {
  margin-top: 2.125rem;
}

.hero {
  align-items: center;
  background: url(../../../static/img/tech-daily.jpg) no-repeat;
  background-position: bottom;
  background-size: cover;
  color: #ffffff;
  display: flex;
  height: 100vh;
  position: relative;
}
@media (min-width: 48rem) {
  .hero {
    background-position: center right;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.hero__overlay {
  background: #000000;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #00000040 0%, #000000e8 50%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#000000",GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.hero__container {
  max-width: 100%;
  z-index: 1;
}
@media (min-width: 48rem) {
  .hero__container {
    padding: 0;
  }
}
@media (min-width: 90rem) {
  .hero__container {
    max-width: 93.75rem;
  }
}
.hero__title {
  font-family: "Eina03 Light", sans-serif;
  margin-bottom: 1.875rem;
}
@media (min-width: 48rem) {
  .hero__title {
    margin-top: 3.75rem;
  }
}
.hero__title--bold {
  font-family: "Eina03 Regular", sans-serif;
  font-weight: 600;
}
@media (min-width: 48rem) {
  .hero__title--bold {
    display: block;
  }
}
@media (min-width: 90rem) {
  .hero__title--bold {
    font-size: 5.875rem;
  }
}
@media (min-width: 48rem) {
  .hero__title--bold--hidden-desktop {
    display: none;
  }
}
.hero__title--dot {
  color: #4FE0B6;
  font-weight: 600;
}
@media (min-width: 48rem) {
  .hero__title--dot {
    display: none;
  }
}
.hero__description {
  font-size: 1.125rem;
  margin-bottom: 1.8rem;
}
@media (min-width: 48rem) {
  .hero__description {
    font-size: 1.375rem;
    margin-bottom: 2.5rem;
  }
}
.hero__link {
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: uppercase;
}
.hero__link--dot {
  color: #4FE0B6;
}