@font-face {
    font-family: 'museo_slab500';
    src: url('museo_slab_500-webfont.woff2') format('woff2'),
         url('museo_slab_500-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@300&family=PT+Sans&display=swap');

body {
    margin: 0;
    font-size: 13px;
    line-height: 1.231;
}

h1 {
    display: block;
    font-family: 'museo_slab500';
    font-size: 24pt;
    color: white;
    margin: auto;
    }

h3 {
    font-family: 'PT Sans', sans-serif;
    font-size: 8pt;
    font-weight: 100;
    color: #75c8f7;}

p {
    font-family: 'PT Sans', sans-serif;
    font-size: 10pt;
    color: white}

#blue-panel {
    background: url(../images/panel-bg.gif) no-repeat;
    height: 355px;
    padding-top: 40px;
    margin-top: 20px;
       }
    
#blue-panel-wrapper  {
    background: url(../images/panel-repeat.gif) repeat-x; 
    display: block;

}      


.container_12 {
    margin-left: 122px;
    margin-right: auto;
    width: 960px;
}

#footer {
    margin-left: 122px;
}


.logo {
    margin-top: 20px;
    margin-left: 118px;

    }

.top-left {position: absolute;
           top: 20px;
           margin-left: 272px;
           text-align: left;
}

.middle-left {position: absolute;
    top: 120px;
    margin-left: 282px;
    text-align: left;
}

.bottom {position: relative;
         text-align: left;
         height: 100px;
         top: 20px;
}

.bottom-left {position: absolute;
    top: 30px;
    margin-left: 272px;
    text-align: left;
}