@import './colors.css';

h1 {
  font-size: 30pt;
}

p > b {
  font-weight: bold;
  color: black;
}

.landing-image-container {
  background: url('./../assets/images/other-pages/about-header-image-mobile.jpg');
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position-y: center !important;
  background-position-x: center !important;
}

 .about-image-container > img {
  width: 100%;
}



/* ------------ Responsive Breakpoints ------------ */

@media only screen and (min-width: 768px) {

}

@media only screen and (min-width: 1024px) {
    h1 {
        font-size: 40pt;
    }

    .about-content {
        flex-direction: row;
        justify-content: space-evenly;
        align-items: flex-start;
    }

        .about-content > * {
            max-width: 37em;
        }

    .landing-image-container {
        background: url('./../assets/images/other-pages/about-header-image.jpg');
    }

    .about-text-container {
        margin-right: 1em;
    }

    .about-image-container > img {
        height: 35em;
        width: auto;
        margin-left: 1em;
    }
}