@font-face {
    font-family: 'Quicksand';
    font-weight: normal;
    font-style: normal;
    src: url('https://fonts.gstatic.com/s/quicksand/v30/6xKtdSZaM9iE8KbpRA_hK1QN.woff2');
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Quicksand', sans-serif;
    margin: 0;
    margin-bottom: 0px;
    font-weight: 400;
    padding: 0;
    color: #000000;
}

header {
    position: relative;
    background-color: #222;
    border-color: #080808;
    margin-bottom: 12px;
    padding-top: 12px;
    padding-bottom: 0;
    color: white;
}

header .line-sep {
    content: '';
    height: 4px;
    background-color: #00aeef;
}

header .line-sep::before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 250px;
    height: 5px;
    background-color: #2c588e;
}

html,
body {
    margin: 0;
    padding: 0;
}

* {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 15px;
}

.hero {
    padding: 24px;
    background-color: #f4f7f9;
}