﻿@import url('https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i|Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i|Work+Sans:100,200,300,400,500,600,700,800,900&display=swap');

body {
    background-color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #333333;
}

.headerRow {
    border-bottom: 1px solid #ddd;
}

header {
    padding: 10px 0;
}

    header img {
        height: 150px;
        width: 150px;
        float: left;
        margin-right: 15px;
    }

    header h1 {
        font-family: "Work Sans", sans-serif;
        font-size: 28px;
        font-weight: 300;
        border-bottom: 1px solid #ddd;
        color: #000;
        margin-left: 50px;
        margin-top:15px;
    }

        header h1 span {
            display: block;
            font-size: 40px;
            font-weight: 800;
            margin-bottom: 10px;
        }

    header h2 {
        font-weight: 600;
        font-family: "Work Sans", sans-serif;
        font-weight: 800;
        font-size: 22px;
        margin: 13px 0 8px 0;
        padding: 0;
    }

@media only screen and (max-width : 650px) {
    header img {
        height: 80px;
        width: 80px;
    }

    header h1 {
        font-size: 14px;
        margin-top: 10px;
    }

        header h1 span {
            font-size: 18px;
        }

    header h2 {
        font-size: 12px;
        margin: 4px 0;
    }
}
