@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400&display=swap');

/* Page styles */

body{
    font-family: 'Open Sans', sans-serif;
    font-size: 0.9em;
    background-color: #F0F0F0;
    background-image: url('../img/background-page.jpg');
}
header{
    background-image: url('../img/header-bg.jpg');
    background-size: 100%;
    background-position: top;
    text-shadow: 0 0 5px #000;
}

/* Carousel base class */
.carousel {
    margin-bottom: 0;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    bottom: 3rem;
    z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
    height: 250px;
    background-color: #777;
}

.carousel-item>img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    height: 40rem;
    margin: 0 auto;
}

footer{
    font-weight: 400;
    background-image: url('../img/background-footer.jpg');
    background-size: 100%;
}

header h1{
    font-weight: 400;
    font-size: 2em;
}

header h5{
    font-weight: 300;
}