
body
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #545454;
}

h1, .h1
{
    color: #cc071d;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 1.2em;
}
@media (min-width: 768px)
{
    h1, .h1
    {
        font-size: 30px;
    }
}
@media (min-width: 992px)
{
    h1, .h1
    {
        font-size: 35px;
    }
}
@media (min-width: 1200px)
{
    h1, .h1
    {
        font-size: 40px;
    }
}
h2
{
	margin-top: 30px;
    color: #cc071d;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
}
@media (min-width: 768px)
{
    h2
    {
        text-align: left;
        font-size: 25px;
    }
}
@media (min-width: 992px)
{
    h2
    {
        font-size: 30px;
    }
}
@media (min-width: 1200px)
{
    h2
    {
        font-size: 34px;
    }
}
h3
{
    color: #606060;
    font-size: 13px;
    font-weight: 300;
    text-align: center;
	margin-bottom: 5px;
}
@media (min-width: 768px)
{
    h3
    {
        text-align: left;
        font-size: 18px;
    }
}
@media (min-width: 992px)
{
    h3
    {
        font-size: 23px;
    }
}
@media (min-width: 1200px)
{
    h3
    {
        font-size: 26px;
    }
}

  
p, li
{
    color: #6c6c6c;
    font-size: 13px;
}
p.smaller, li.smaller
{
    font-size: 10px;
}
ul
{
    list-style: none;
    padding: 0;
}
li
{
    background-image: url("../images/layouts/list-style.png");
    background-repeat: no-repeat;
    background-position: 0px 0.65em;
    padding: 0 0 0 0.9em;
}
/*li:before
{
    content: "•";
    padding-right: 0.5em;
    padding-left: 0.2em;
}*/
@media (min-width: 768px)
{
    p, li
    {
        font-size: 15px;
    }
    p.smaller, li.smaller
    {
        font-size: 11px;
    }
}
@media (min-width: 992px)
{
    p, li
    {
        font-size: 16px;
    }
    p.smaller, li.smaller
    {
        font-size: 13px;
    }
}
@media (min-width: 1200px)
{
    p, li
    {
        font-size: 18px;
    }
    p.smaller, li.smaller
    {
        font-size: 15px;
    }
}

a
{
    color: #cc071d}
a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover
{
    color: #c9c9c9;
    text-decoration: underline;
}
a:active,
h1 a:active,
h2 a:active,
h3 a:active
{
    color: #303030;
    text-decoration: underline;
}
a img
{
    border-color: #606060;
}
a:hover img
{
    border-color: #a30617;
}
a:active img
{
    border-color: #cc071d;
}
    
strong,
b
{
    font-weight: 500;
    font-weight: normal;
}

.highlight
{
    background-color: #f0b5bc;
}

hr
{
    background-color: #e4e4e4;
    margin: 5px 0 5px 0;
}

#tinymce h2 {
    text-align: left !important;
}

#tinymce img {
    aspect-ratio: 4 / 3 !important;
    margin: 0 auto !important;
    display: block !important;
    width: 50% !important;
    height: auto !important;
    object-fit: cover !important;
}