* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        html {
            font-size: 16px;
        }
        body {
            font-family: "Open Sans", sans-serif;
            background-color: #081f5e;
        }
        p {
            padding: 10px 0;
        }
        a,
        a:visited {
            color: #295c6f;
            text-decoration: none;
        }
        a:hover {
            color: #ff0000;
            text-decoration: underline;
        }
        ul {
            list-style: none;
        }
        main article img {
            max-width: 100%;
            max-height: 20rem;
            padding: 0.5rem;
        }
        .container {
            display: flex;
            margin: 0 auto;
            width: 100%;
            max-width: 1040px;
            flex-direction: column;
            justify-content: center;
        }
        .bold {
            font-weight: bold;
        }
        .italic {
            font-style: italic;
        }
        .header__top{
            width: 100%;
            display: flex;
            background-color: #fff;

        }
        .header{
            background: #682830;
            position: fixed;
            width: 100%;
            text-align: center;
            z-index: 9999;
            box-shadow: 0px 1px 5px 0px #aaa;
        }
        .burger {
            width: 40px;
            height: 40px;
            display: none;
            justify-content: center;
            align-items: center;
            position: relative;

            cursor: pointer;
            display: none;
        }
        .burger span {
            height: 2px;
            width: 30px;
            position: relative;
            display: block;
            background-color: #fff;
        }
        .burger.active span {
            height: 0;
        }
        .burger span::before {
            content: "";
            width: 100%;
            height: 2px;
            transition: 0.3s;
            background-color: #fff;
            top: -10px;
            left: 0;
            position: absolute;
        }
        .burger.active span::before {
            top: 0;
            transform: rotate(45deg);
        }
        .burger span::after {
            content: "";
            width: 100%;
            height: 2px;
            transition: 0.3s;
            background-color: #fff;
            top: 10px;
            left: 0;
            position: absolute;
        }
        .burger.active span::after {
            top: 0;
            transform: rotate(-45deg);
        }
        .header__navigation .menu {
            display: flex;
            justify-content: center;
            list-style: none;
        }
        .header__navigation .menu li {
            font-weight: 700;
            font-size: 14px;
        }

        .header__navigation .menu li > a {
            color: #afbed3;
            display: block;
            padding: 15px;
            text-decoration: none;
        }
        .header__navigation .menu li > span {
            color: #afbed3;
            display: block;
            padding: 15px;
            text-decoration: none;
        }
        .header__navigation .menu li > a:hover {
            background-color: #fff;
            color: #0e1351;
        }
        .header__navigation .menu li > span {
            color: #fff;
        }
        .header__navigation .menu .sub-menu {
            position: relative;
        }
        .header__navigation .menu .sub-menu ul {
            position: absolute;
            left: -30px;
            top: 45px;
            background-color: #682830;
            border: 1px solid #fff;
            color: #fff;
            display: none;
            flex-direction: column;
            align-items: start;
            list-style: none;
            white-space: nowrap;
        }
        .header__navigation .menu .sub-menu ul > li {
            border-bottom: 1px solid #fff;
        }
        .header__navigation .menu .sub-menu ul > li:last-child {
            border-bottom: none;
        }
        .main__wrapper{
            padding: 60px 20px 0 20px;
            background-color: #fff;
            width: 100%;
            border-bottom: 2px solid black;
        }
        .intro__img{
            width: 100%;
        }
        .breadcrumb {
            padding: 5px 10px;
            margin-bottom: 30px;
            font-size: .85em;
            background: #fafafa;
            border: 1px solid #eee;
        }
        main h1,
        main h2,
        main h3,
        main h4,
        main h5,
        main h6 {
	        margin: 1.5rem 0;
        }
        main article ul {
            margin: 1rem 1.5rem;
	        list-style: circle;
        }
        section.comments {
            margin: 2rem 25%;
        }
        section.comments div.comment {
            margin: 2rem 0 3rem;
            border-bottom: 1px solid #003863;
        }
        section.comments a,
        section.comments a:visited {
            text-decoration: underline;
        }
        section.comments a:before {
            content: "link → ";
            transition: color 250ms;
        }
        section.comments a:hover:before {
            color: #ffa500;
        }
        section.comments div.comments h3 {
            margin-bottom: 2rem;
            text-align: center;
            text-transform: uppercase;
        }
        section.comments input.name {
            margin-top: 1rem;
        }
        section.comments input.name,
        section.comments textarea.comment {
            width: 100%;
            margin-bottom: 1rem;
            padding: 1rem;
            border: 1px solid #e5e5e5;
            border-radius: 5px;
            font: inherit;
            resize: vertical;
        }
        section.comments textarea.comment {
            height: 10rem;
        }
        section.comments p.comment {
            font-style: italic;
        }
        section.comments p.name {
            margin-bottom: 1rem;
            padding-bottom: 1rem;
            font-size: 0.75rem;
            font-weight: bold;
            text-transform: uppercase;
            text-align: right;
        }
        section.comments button.send {
            width: 100%;
            padding: 1rem;
            border: 1px solid #e5e5e5;
            border-radius: 5px;
            background-color: #003863;
            font: inherit;
            font-weight: bold;
            text-transform: uppercase;
            color: #fff;
            cursor: pointer;
            transition: filter 250ms;
            filter: saturate(1);
        }
        section.comments button.send:hover {
            filter: saturate(2);
        }
        .footer__wrapper{
            background-color: #fff;
            padding: 20px;
        }
        .footer__top{
            display: flex;
        }

        .footer__left{
            display: flex;
            width: 50%;
        }
        .footer__right{
            display: flex;
            flex-direction: column;
            width: 50%;
            padding-left: 40px;
        }
        .footer__address{
            max-width: 257px;
            color: #666666;
            font-size: 14px;
            line-height: 24px;
            margin-bottom: 12px;
        }
        .footer__image{
            width: 175px;
            margin-bottom: 12px;
        }
        .footer__bottom{
            border-top: 1px solid black;
        }
        .fb-page{
            margin-top: 20px;
            max-width: 100%;

        }
        iframe{
            max-width: 100%;
        }
        @media screen and (max-width: 768px) {
            .container {
                padding: 0 15px;
            }
            .burger {
                display: flex;
                z-index: 99999;
            }

            .header {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
            }
            .header__wrapper {
                flex-direction: row;
            }
            .header__navigation {
                position: fixed;
                right: 0;
                top: 0;
                bottom: 0;
                z-index: 999;
                padding-top: 100px;
                background-color: #682830;
                width: 220px;
                transition: 0.3s;
                transform: translateX(220px);
            }

            .header__navigation.active {
                transform: translateX(0);
            }
            .header__navigation .menu {
                flex-direction: column;
                align-items: center;
                max-height: 85vh;
                overflow: auto;
            }
            .header__navigation .menu > li + li {
                margin-left: 0;
            }
            .header__navigation .menu .sub-menu {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .header__navigation .menu .sub-menu ul {
                padding: 0;
                border: none;
                position: relative;
                left: 0;
                top: 0;
            }
            .main__wrapper{
                padding: 30px 10px;
            }
            section.comments {
                margin: 2rem;
            }

            .footer__top{
                flex-direction: column;
            }
            .footer__left{
                width: 100%;
            }
            .footer__right{
                width: 510%;
                padding-left: 0;
            }
        }