@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:300|Poppins:200|Roboto+Slab:100&display=swap');

.font-poppins {
    font-family: 'Poppins', sans-serif;
}

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

.font-roboto-slab {
    font-family: "Roboto Slab", sans-serif;
}

header {
    background-color: orangered;
}

body {
    font-size: 1.1rem;
}

#jumbotron-1 {
    background: linear-gradient(#0005, #0005), url("assets/splash_1.jpg");
    background-size: cover;
    background-position: center;
}

#jumbotron-2 {
    background: linear-gradient(#0005, #0005), url("assets/splash_2.jpg");
    background-size: cover;
    background-position: center;
}

#jumbotron-3 {
    background: linear-gradient(#0005, #0005), url("assets/splash_3.jpg");
    background-size: cover;
    background-position: center;
}

#jumbotron-4 {
    background: linear-gradient(#0005, #0005), url("assets/splash_4.jpg");
    background-size: cover;
    background-position: center;
}

.icon {
    background-color: black; width: 4.5rem; height: 4.5rem; line-height: 4.5rem; font-size: 2rem;
}