/*
 * Custom CSS
 */

 :root {
  --bs-body-bg: var(--bs-white);
  --bs-primary: #0450A2;
  --bs-primary-rgb: 4, 80, 162;
  --bs-font-sans-serif: 'Roboto', sans-serif;
}

 @font-face {
    font-family: 'Roboto';
    src: url('Fonts/Roboto/Roboto-Bold.woff2') format('woff2'),
        url('Fonts/Roboto/Roboto-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('Fonts/Roboto/Roboto-Black.woff2') format('woff2'),
        url('Fonts/Roboto/Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('Fonts/Roboto/Roboto-Regular.woff2') format('woff2'),
        url('Fonts/Roboto/Roboto-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('Fonts/Barlow_Condensed/BarlowCondensed-SemiBold.woff2') format('woff2'),
        url('Fonts/Barlow_Condensed/BarlowCondensed-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('Fonts/Barlow_Condensed/BarlowCondensed-ExtraBold.woff2') format('woff2'),
        url('Fonts/Barlow_Condensed/BarlowCondensed-ExtraBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.barlow {
  font-family: 'Barlow Condensed', sans-serif;
}

.display-1 {
  line-height: 1 ;
}

#mainsection {
  min-height: 65vh;
  background-image: url('Assets/ALUTEC_A_orange.svg');
  background-repeat: no-repeat;
  background-position: right bottom;
}



#footer .footer-row {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

#footer img {
  max-height: 77px;
}

@media screen and (max-width: 991px) {
  #mainsection {
    min-height: 100vh !important;
    text-align: center;
  }

  .logolink {display: block; text-align: center;}

  .logo {
    margin: 0 auto !important;
  }

  .border-end {
    border-color: white !important;
  }
}

@media screen and (min-width: 992px) {
  #footer .footer-row {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}

@media screen and (min-width: 1200px)  {
  #footer .footer-row {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}

@media (min-width: 1400px) {
    .display-1 {
        font-size: 7rem;
    }
}