html {
    font-family : 'Open Sans', sans-serif;
    font-size   : 8px;
}

strong {
    font-weight: 600;
}

.logo {
    background : url("../images/logo.svg") no-repeat center center;
    width      : 120px;
    height     : 26px;
    margin     : 10px 30px;
}

.footer {
    background-color : #042d5a;
    color            : #ffffff;
}

.footer__wrapper {
    position : fixed;
    bottom   : 0;
    left     : 0;
    right    : 0;
}

.footer__container {
    margin  : auto;
    width   : 100%;
    padding : 20px 0 20px 0;
}

.footer__text {
    margin      : auto;
    display     : block;
    max-width   : 80%;
    text-align  : center;
    font-size   : 1.4rem;
    line-height : 1.8rem;
}

.footer-shifter {
    height : 60px;
}

.header {
    background-color : #042d5a;
    color            : #ffffff;
}

.header__wrapper {

}

.header__container {
    margin  : auto;
    width   : 100%;
    padding : 20px 0 20px 0;
}

.container {
    background-color : #ffffff;
    margin           : auto;
    width            : 100%;
    overflow         : hidden;
}

.container__wrapper {
    margin : 0;
}

.content {
    margin : 0 15px 0 15px;
}

.menu__title {
    font-size : 2rem;
}

.menu__list {
    margin-top : 20px;
}

.menu__item {

}

.menu__ref {
    font-size       : 2rem;
    text-decoration : none;
}

.content {
    color : #464646;
}

.content h1 {
    text-align    : center;

    font-size     : 4rem;


    margin-top    : 40px;
    margin-bottom : 40px;
}

.content h2 {
    text-align    : center;

    font-size     : 3rem;

    margin-top    : 30px;
    margin-bottom : 30px;
}

.content h3 {
    text-align    : center;

    font-size     : 2.2rem;

    margin-top    : 20px;
    margin-bottom : 20px;
}

.preamble {
    font-style  : italic;
    font-weight : 300;
}

.content hr {
    outline : 0;
    border  : 1px solid #ebebeb;
    height  : 0;
    margin  : 30px 0 30px 0;
}

.content p {
    font-size      : 1.8rem;
    line-height    : 2.5rem;
    padding-bottom : 30px;
}

.content ul {
    line-height  : 1.5em;
    padding-left : 20px;
    list-style   : disc;
}

.force-rtl .content ul{
    padding-left : 0px;
    padding-right : 20px;
}

.content li {
    padding-bottom : 20px;
    font-size      : 1.8rem;
    line-height    : 2.5rem;
}

@media (min-width : 480px) {
    .content {
        margin : 0 25px 0 25px;
    }
}

@media (min-width : 768px) {
    html {
        font-size : 10px;
    }

    .logo {
        margin : 0;
        width  : 160px;
        height : 30px;
    }

    .header__container {
        width : 700px;
    }

    .container {
        width         : 700px;
        padding       : 30px 0 30px 0;

        min-height    : 600px;
        box-shadow    : 0 0 5px 0 rgba(0, 0, 0, 0.25);
        border-radius : 1px;
    }

    .footer__container {
        width : 700px;
    }

    .container__wrapper {
        margin-top : 30px;
    }

    .content {
        margin : 0 70px 0 70px;
    }

    .footer-shifter {
        height : 120px;
    }

    .canvas {
        background-color : #eeeeee;
    }

    .footer__text {
        text-align : left;
    }

    .force-rtl .footer__text{
        text-align : right;
    }

    .content h2 {
        text-align : left;
    }

    .force-rtl .content h2{
        text-align : right;
    }

    .content h3 {
        text-align : left;
    }

    .force-rtl .content h3{
        text-align : right;
    }
}

@media (min-width : 992px) {
    .header__container {
        width : 800px;
    }

    .container {
        width : 800px;
    }

    .footer__container {
        width : 800px;
    }
}

@media (min-width : 1200px) {
    .header__container {
        width : 900px;
    }

    .container {
        width : 1000px;
    }

    .footer__container {
        width : 900px;
    }
}