@charset "utf-8";
/* CSS Document */
p {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}
#whoheading {
    background-color: darkslategray;
}
#whoheading h1 {
    font-size: 2rem;
    color: white;
    padding-left: 15px;
}
.articleblock {
    margin-top: -1rem;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    margin-bottom: 0rem;
}
#footer p {
    font-size: 0.8rem;
}
h1, h2 {
    color: maroon;
}
/*==================== Responsive screens ====================== */
/* Extra small devices (phones, less than 560px) */
@media (min-width: 300px) {
    h1, h2 {
        font-size: 1rem;
        color: maroon;
    }
    .articleblock p {
        font-size: 0.8rem;
    }
}
/* Small devices (tablets, 560px and up) */
@media (min-width: 560px) {
    h1, {
        font-size: 1.2rem;
    }
    .articleblock h1 {
        font-size: 1.8rem;
    }
    .articleblock p {
        font-size: 1.1rem;
    }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    h1 {
        font-size: 1.2rem;
    }
    h2 {
        font-size: 2rem;
    }
    .articleblock h1 {
        font-size: 1.7rem;
    }
    .articleblock p {
        font-size: 1.1rem;
    }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    h1 {
        font-size: 2rem;
    }
    .articleblock h1 {
        font-size: 2.3rem;
    }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}