@font-face
{
    font-family: Montserrat-Regular;
    src: url("/fonts/Montserrat/Montserrat-Regular.ttf");
}

@font-face
{
    font-family: Montserrat-Medium;
    src: url("/fonts/Montserrat/Montserrat-Medium.ttf");
}

body
{
    width: 100%;
    max-width: 1200px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    font-family: Montserrat-Regular;
    font-size: 14pt;
    font-weight: normal;
    color: #303030;
    background-color: #e0e0e0;
}

div
{
    text-align: center;
    padding-top: 1px;
    background-color: #d0d0d0;
}

div.multi-column
{
    column-count: 3;
    column-width: 300px;
    column-gap: 30px;
    line-height: 200%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

img
{
    width: 100%;
    height: auto;
    display: block;
}

h1
{
    font-family: Montserrat-Medium;
    font-size: 20pt;
    font-weight: normal;
    color: #575de6;
}

h2
{
    font-family: Montserrat-Medium;
    font-size: 16pt;
    font-weight: normal;
    color: #575de6;
}

a
{
    text-decoration: none;
    color: #303030;
}

a:hover
{
    text-decoration: underline;
}

.container
{
    padding-top: 20px;
    padding-bottom: 20px;
}

.dark-gray
{
    background-color: #303030;
}