html, body {
    background-color: #f9f9fb;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #373738;
}

body > .wrap {
    padding-top: 60px;
}

#mainLogo img {
    min-width: 150px;
    max-width: 150px;
}

#navigation {
    margin-top: 2rem;
    margin-bottom: 2rem;
}


#mainMenu li a:hover {
    background-color: #f4f4f6;
}

#navigation a {
    border: none;
}

#mainMenu li a {
    color: #373738;
    font-weight: 500;
}

#mainMenu li.active a {
    color: #b80a13;
    font-weight: 600;
}

#mainMenu li {
    margin-left: 1rem;
}

#puzzleBoats {
    background-color: #ebebee;
    background-image:url("/images/bg.png");
    background-repeat: no-repeat;
    background-position: 50% 100%;
    height: 1060px;
}

h1 {
    font-weight: 800;
    font-size: 2.5rem;
}

#puzzleBoats h1 {
    margin-bottom: 4rem;
    margin-top: 4rem;
}

#puzzleBoats #comingSoon {
    margin-top: 4rem;
    margin-bottom: 4rem;
}


@media screen and (max-width: 768px) {
    #puzzleBoats {
        background-image: none;
        height: auto;
    }

    #puzzleBoats h1 {
        margin-bottom: 2rem;
        margin-top: 2rem;
    }

    #puzzleBoats #comingSoon {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
}


#joinUs {
    background-color: #17191e;
    color: #cacaca;
    margin-top: 4rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-left: 0;
    margin-right: 0;
}

#joinUs h1 {
    color: #fff;

}

#joinUsHeader {
    margin-bottom: 2rem;
}

#joinUsHeader h1 {
    margin-bottom: 2rem;
}

.joinUsColumn h1 {
    font-size: 2rem;
}

.joinUsColumn,.joinUsLinks {
    margin-bottom: 1rem;
}

.joinUsLinks.main {
    margin-top: 2rem;
}

.joinUsBigLink, .joinUsBigLink:hover, .joinUsBigLink:active, .joinUsBigLink:visited {
    color: #fff;
    font-weight: 800;
    font-size: 1.8rem;
}


#footer {
    font-size: 0.8rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #f1eff1;
}

#footer p {
    margin-bottom: 0.3rem;
}

#footer .copyrights {
    margin-top: 2rem;
    color: #a2a2a2;
}

#footer a.icon {
    border: none;
}

#footer a.icon img {
    width: 1.2rem;
    height: 1.2rem;
    margin-left: 0.5rem;
}

#footer a.icon.hh img {
    width: 1.4rem;
    height: 1.4rem;
}

#footer a.icon.fb img {
    width: 1.41rem;
    height: 1.41rem;
}

.base h2 {
    color: #b80a13;
    font-weight: 600;
    font-size: 1.5rem;
}

.base h1 {
    color: #17191e;
}

.base.mission h1 {
    font-size: 3rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    overflow-wrap: break-word;
}

.base.blocks {
    margin-bottom: 2.5rem;
}

.base.blocks.margin-top-4 {
    margin-top: 4rem;
}

.base.blocks h2.main {
    margin-bottom: 2rem;
}

.base.blocks h1 {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.base.blocks h1 span {
    color: #b80a13;
    font-weight: 500;
}

.base.join {
    font-weight: 800;
    font-size: 1.8rem;
    background-color: #f3f3f5;
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-bottom: 4rem;
}

.base.contacts p {
    font-size: 1rem;
}

.base.contacts .contact {
    margin-bottom: 3rem;
}

.contact img {
    width: 1.4rem;
    height: 1.2rem;
}

.withLove {
    margin-top: 3rem;
}

.withLove p {
    margin-bottom: 0.5rem;
}

/* BASE */
.padding-right-0 {
    padding-right: 0 !important;
}

.bold {
    font-weight: 700;
}

a {
    color: #0a6cb8;
    text-decoration: none;
    border-bottom: 0.1rem solid;
}

.form-control, .btn {
    border-radius: 0;
}

a:hover {
    color: #095d9e;
}

a:visited {
    color: #950ab8;
}

.privacy-terms ol li.entry {
    margin-top: 1rem;
}

.privacy-terms ul li {
    list-style-type: '—  ';
}

.privacy-terms ul.empty li {
    list-style-type: '—  ';
}