/* 
 * CSS Reset/Normalization
 * Resets default browser styles for consistency across browsers.
 */
*, *::before, *::after {
  box-sizing: border-box; /* Ensures padding and border are included in element's total width and height */
}

html {
  font-size: 100%; /* Base font size, often set to enable responsive typography with 'rem' units */
  line-height: 1.15; /* Default line height for better readability */
  -webkit-text-size-adjust: 100%; /* Prevents text size adjustment on mobile devices */
}

body {
  margin: 0; /* Removes default body margin */
  font-family: sans-serif; /* Sets a default sans-serif font */
  -webkit-font-smoothing: antialiased; /* Improves font rendering on macOS */
  -moz-osx-font-smoothing: grayscale; /* Improves font rendering on macOS */
}

/* 
 * Base Styles for Common HTML Elements
 * Sets up basic styling for frequently used elements.
 */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0; /* Removes default top margin */
  margin-bottom: 0.5em; /* Sets a consistent bottom margin */
  font-weight: bold; /* Ensures headings are bold */
}

p {
  margin-top: 0; /* Removes default top margin */
  margin-bottom: 0; /* Sets a consistent bottom margin */
}

a {
  color: inherit; /* Inherits color from parent by default */
  text-decoration: none; /* Removes default underline */
}

img {
  max-width: 100%; /* Ensures images are responsive and don't overflow their containers */
  height: auto; /* Maintains aspect ratio when scaling */
  display: block; /* Removes extra space below images */
}

section{
  padding:6rem 0;
}
#logos{
  padding:6rem 4rem;
}
#logo-row{
  justify-content: space-between;
}
#logos img{
    max-height:150px;
  }
#redirect{
      background: linear-gradient(151deg, #0084ac 0%, #0084ac 20%, #001e62 80%, #001e62 100%);
}
#redirect .row{
    height:100%;
    align-items:center;
    justify-content: center;
    text-align:center;
}
#redirect p{
    font-size:1.5rem;
}

#redirect a{
    color:#0084AC;
}

#info{
  text-align: center;
}

@media screen and (max-width:915px){
  #logo-row{
    justify-content: center;
    gap:2rem;
  }
  #logos img{
    max-height:100px;
  }

  #info-row{
    gap:2rem;
  }
}