@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");
* {
    box-sizing: border-box;
}

body {
    font-family: "Montserrat", sans-serif;
    color: #26292C;
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    line-height: 1;
}
body {
    font-size: 14px;
}
@media screen and (min-width: 320px) {
    body {
        font-size: calc(14px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width: 1200px) {
    body {
        font-size: 16px;
    }
}

#main {
    flex: 1 0 100%;
}

h1 {
    font-weight: bold;
    font-style: italic;
    margin: 0;
}
h1 {
    font-size: 160px;
}
@media screen and (min-width: 999px) {
    h1 {
        font-size: calc(160px + 40 * ((100vw - 999px) / 201));
    }
}
@media screen and (min-width: 1200px) {
    h1 {
        font-size: 200px;
    }
}

h2 {
    font-weight: bold;
    font-style: italic;
    margin: 0;
}
h2 {
    font-size: 60px;
}
@media screen and (min-width: 320px) {
    h2 {
        font-size: calc(60px + 60 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width: 1200px) {
    h2 {
        font-size: 120px;
    }
}

h3 {
    font-weight: bold;
    font-style: italic;
    margin: 0 0 50px;
}
h3 {
    font-size: 30px;
}
@media screen and (min-width: 320px) {
    h3 {
        font-size: calc(30px + 10 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width: 1200px) {
    h3 {
        font-size: 40px;
    }
}

p, li, label, input:not([type=submit]), select, textarea {
    font-weight: normal;
    line-height: 2;
    font-family: "Montserrat", sans-serif;
    color: #26292C;
}
p, li, label, input:not([type=submit]), select, textarea {
    font-size: 16px;
}
@media screen and (min-width: 320px) {
    p, li, label, input:not([type=submit]), select, textarea {
        font-size: calc(16px + 4 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width: 1200px) {
    p, li, label, input:not([type=submit]), select, textarea {
        font-size: 20px;
    }
}

ul, ol {
    list-style-position: inside;
    padding-left: 0;
}

img {
    display: block;
}

.container {
    max-width: 1100px;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    margin: auto;
}
@media (max-width: 999px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.btn {
    padding: 15px 40px;
    text-decoration: none;
    border-radius: 20px;
    white-space: nowrap;
    display: inline-block;
    border: 2px solid transparent;
    text-transform: uppercase;
    font-weight: bold;
    transition: 0.2s all;
    cursor: pointer;
}
.btn {
    font-size: 16px;
}
@media screen and (min-width: 320px) {
    .btn {
        font-size: calc(16px + 4 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width: 1200px) {
    .btn {
        font-size: 20px;
    }
}
.btn.btn-primary {
    background: #EC1D25;
    border-color: #EC1D25;
    color: #ffffff;
}
.btn.btn-primary:hover, .btn.btn-primary:active {
    background: #c51118;
    border-color: #c51118;
}
.btn.btn-secondary {
    background: transparent;
    border-color: #EC1D25;
    color: #EC1D25;
}
.btn.btn-secondary:hover, .btn.btn-secondary:active {
    background: #fef1f1;
}
.btn.btn-white {
    background: #ffffff;
    border-color: #ffffff;
    color: #EC1D25;
}

button {
    border: 0;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    z-index: 4;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.17);
}
header nav .nav-inner {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    position: relative;
}
header nav .nav-inner .nav-logo {
    padding: 10px 0;
}
header nav .nav-inner .nav-logo img {
    height: 62px;
}
@media (max-width: 999px) {
    header nav .nav-inner .nav-logo img {
        height: 40px;
    }
}
header nav .nav-inner .nav-elements {
    display: flex;
    justify-content: space-between;
}
header nav .nav-inner .nav-elements .nav-links {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
header nav .nav-inner .nav-elements .nav-links a {
    display: flex;
    font-size: 20px;
    color: #26292C;
    text-decoration: none;
    padding: 10px 15px;
    white-space: nowrap;
    position: relative;
    font-weight: bold;
    height: 100%;
    align-items: center;
    transition: color 0.2s;
}
header nav .nav-inner .nav-elements .nav-links a:hover {
    color: #EC1D25;
}
header nav .nav-inner .nav-elements .nav-links a:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0;
    height: 5px;
    width: calc(100% - 30px);
    background: transparent;
}
header nav .nav-inner .nav-elements .nav-links a.active {
    color: #EC1D25;
}
header nav .nav-inner .nav-elements .nav-links a.active:after {
    background-color: #EC1D25;
}
@media (max-width: 999px) {
    header nav .nav-inner .nav-elements {
        display: none;
        width: 100vw;
        height: 100vh;
        background: #ffffff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0 40px;
    }
    header nav .nav-inner .nav-elements .nav-links {
        flex-direction: column;
        align-items: flex-start;
    }
    header nav .nav-inner .nav-elements .nav-links a {
        height: auto;
        font-size: 30px;
    }
}

header nav .nav-inner .nav-hamburger-container {
	display: flex;
	align-items: center;
	height: 30px;
	z-index: 2;
	cursor: pointer;
}
header nav .nav-inner .nav-hamburger {
    margin-left: auto;
    width: 40px;
    height: 4px;
    border-radius: 4px;
    background: #26292C;
    position: relative;
    z-index: 2;
}
header nav .nav-inner .nav-hamburger:before, header nav .nav-inner .nav-hamburger:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 4px;
    border-radius: 4px;
    background: #26292C;
}
header nav .nav-inner .nav-hamburger:before {
    top: -10px;
}
header nav .nav-inner .nav-hamburger:after {
    top: 10px;
}
@media (min-width: 1000px) {
    header nav .nav-inner .nav-hamburger-container {
        display: none;
    }
}
@media (max-width: 999px) {
    header nav .nav-inner {
        align-items: center;
    }
}
@media (max-width: 999px) {
    header nav.mobile-menu .nav-inner .nav-hamburger {
        background: none;
    }
    header nav.mobile-menu .nav-inner .nav-hamburger:before {
        top: 0;
        transform: rotate(45deg);
    }
    header nav.mobile-menu .nav-inner .nav-hamburger:after {
        top: 0;
        transform: rotate(135deg);
    }
    header nav.mobile-menu .nav-inner .nav-elements {
        display: flex;
    }
}

footer {
    background: #26292C;
    position: relative;
}
footer .container {
    align-items: center;
    justify-content: center;
    display: flex;
    position: relative;
}
footer .container .footer-logo {
    margin: 20px 0;
}
footer p.designer {
    position: absolute;
    color: #878787;
    right: 20px;
    bottom: 10px;
    margin: auto;
    font-size: 11px;
}
footer p.privacy {
    position: absolute;
    color: #878787;
    left: 20px;
    bottom: 10px;
    margin: auto;
    font-size: 11px;
}
footer p a {
    color: #878787;
    text-decoration: none;
    transition: 0.2s all;
    display: block;
}
footer p a:hover {
    color: #ffffff;
}

@media (max-width: 999px) {
    footer .container .footer-logo {
        margin: 10px 0;
    }
    footer .container .footer-logo img {
        height: 40px;
    }
    footer p.designer {
        font-size: 9px;
        position: relative;
        right: 0;
        bottom: 0;
        text-align: center;
    }
    footer p.designer {
        font-size: 9px;
        position: relative;
        right: 0;
        bottom: 0;
        text-align: center;
    }
    footer p.privacy {
        font-size: 9px;
        position: relative;
        left: 0;
        bottom: 5px;
        text-align: center;
    }
}

#hero {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: cover;
    color: #ffffff;
    text-align: center;
    padding-top: 82px;
    overflow: hidden;
}
#hero .container {
    position: relative;
    padding: 0;
}
@media (max-width: 999px) {
    #hero .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}
#hero.hero-main {
    height: 100vh;
    background-image: url(hero.jpg);
    position: relative;
}
#hero.hero-main:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.29);
}
#hero.hero-main h1, #hero.hero-main p {
    position: relative;
}
#hero.hero-main h1 {
    text-shadow: 4px 4px 0px #000000;
    text-transform: uppercase;
    line-height: 0.9;
    margin: 0;
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
#hero.hero-main h1:after {
    content: "";
    position: absolute;
    width: 33%;
    height: 10px;
    background: #ffffff;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
@media (max-width: 999px) {
    #hero.hero-main h1:after {
        height: 5px;
    }
}
#hero.hero-main p {
    text-shadow: 4px 4px 0px #000000;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0;
    font-weight: bold;
    line-height: 1.2;
}
#hero.hero-main p {
    font-size: 30px;
}
@media screen and (min-width: 999px) {
    #hero.hero-main p {
        font-size: calc(30px + 10 * ((100vw - 999px) / 201));
    }
}
@media screen and (min-width: 1200px) {
    #hero.hero-main p {
        font-size: 40px;
    }
}
@media (max-width: 999px) {
    #hero.hero-main {
        height: 600px;
    }
}


@media screen and (max-width: 799px) {
    #hero.hero-main h1 {
        font-size: 50px;
    }
}
@media screen and (max-width: 1199px) and (min-width: 800px) {
    #hero.hero-main h1 {
        font-size: 80px;
    }
}
@media screen and (min-width: 1200px) {
    #hero.hero-main h1 {
        font-size: 134px;
    }
}


@media (max-width: 999px) {
    #hero.hero-main p {
        font-size: 20px;
    }
}
@media screen and (max-width: 999px) and (min-width: 320px) {
    #hero.hero-main p {
        font-size: calc(20px + 10 * ((100vw - 320px) / 679));
    }
}
@media screen and (max-width: 999px) and (min-width: 999px) {
    #hero.hero-main p {
        font-size: 30px;
    }
}
#hero.hero-sub {
    height: 420px;
    background: #EC1D25;
    margin-bottom: 150px;
    position: relative;
}
#hero.hero-sub h2 {
    text-transform: uppercase;
    margin: 0;
}
#hero.hero-sub svg {
    position: absolute;
    top: -120px;
    right: -370px;
    width: 470px;
}
#hero.hero-sub.hero-coach svg {
    top: -65px;
    width: 360px;
}
#hero.hero-sub.hero-teams svg {
    top: -70px;
    right: -310px;
    width: 425px;
}
#hero.hero-sub.hero-ethos svg {
    top: -80px;
    right: -220px;
    width: 350px;
}
#hero.hero-sub.hero-welfare svg {
    top: -40px;
    right: -175px;
    width: 390px;
}
#hero.hero-sub.hero-contact svg {
    top: -50px;
    right: -260px;
    width: 370px;
}
@media (max-width: 999px) {
    #hero.hero-sub {
        height: 300px;
        margin-bottom: 80px;
    }
    #hero.hero-sub svg {
        display: none;
    }
}
@media (max-width: 999px) {
    #hero {
        padding-top: 60px;
    }
}

#play h2 {
    color: #EC1D25;
}
#play .content {
    text-align: right;
}
#play .content p {
    padding-left: 80px;
}
#play .buttons .btn-primary {
    margin-left: 10px;
}
#play svg {
    left: -420px;
    bottom: -200px;
    width: 440px;
}

#coach {
    background: #EC1D25;
    color: #ffffff;
}
#coach h2 {
    text-align: right;
}
#coach .container {
    flex-direction: row-reverse;
}
#coach .content p {
    padding-right: 80px;
    color: #ffffff;
}
#coach svg {
    right: -420px;
    top: -159px;
    width: 440px;
}

#play, #coach {
    padding: 100px 0;
    overflow: hidden;
}
#play .container, #coach .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
#play .container h2, #coach .container h2 {
    text-transform: uppercase;
    flex: 1 0 auto;
}
#play .container svg, #coach .container svg {
    position: absolute;
}
@media (max-width: 999px) {
    #play, #coach {
        padding: 80px 0;
    }
    #play .container, #coach .container {
        text-align: center;
        flex-direction: column;
    }
    #play .container h2, #coach .container h2 {
        text-align: center;
    }
    #play .container .content, #coach .container .content {
        text-align: center;
    }
    #play .container .content p, #coach .container .content p {
        padding: 0;
    }
    #play .container .buttons .btn-primary, #coach .container .buttons .btn-primary {
        margin-top: 10px;
    }
}
@media (max-width: 999px) and (max-width: 999px) {
    #play .container .buttons .btn, #coach .container .buttons .btn {
        margin: 10px 10px 0;
    }
}

#teams-ethos {
    height: 600px;
    position: relative;
    display: flex;
    border-top: 20px solid #ffffff;
}
#teams-ethos .teams, #teams-ethos .ethos {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(50% + 104px);
    height: 100%;
    background-size: cover;
    background-position: center center;
    text-decoration: none;
    position: absolute;
    transition: all 0.2s;
}
#teams-ethos .teams h2, #teams-ethos .ethos h2 {
    text-transform: uppercase;
    word-break: break-all;
    display: flex;
    justify-content: center;
    color: #ffffff;
    text-shadow: 4px 4px 0px #000000;
    position: relative;
    margin: 0;
}
#teams-ethos .teams:hover, #teams-ethos .teams:active, #teams-ethos .ethos:hover, #teams-ethos .ethos:active {
    width: calc(50% + 150px);
    z-index: 1;
}
@media (max-width: 999px) {
    #teams-ethos .teams:hover, #teams-ethos .teams:active, #teams-ethos .ethos:hover, #teams-ethos .ethos:active {
        width: 100%;
    }
}
#teams-ethos .teams:hover:before, #teams-ethos .teams:active:before, #teams-ethos .ethos:hover:before, #teams-ethos .ethos:active:before {
    background: rgba(0, 0, 0, 0.1);
}
#teams-ethos .teams.shrink, #teams-ethos .ethos.shrink {
    width: calc(50% + 50px);
}
@media (max-width: 999px) {
    #teams-ethos .teams.shrink, #teams-ethos .ethos.shrink {
        width: 100%;
    }
}
#teams-ethos .teams.active, #teams-ethos .ethos.active {
    z-index: 2;
}
#teams-ethos .teams:before, #teams-ethos .ethos:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.39);
    transition: 0.2s all;
}
#teams-ethos .teams {
    text-align: left;
    background-image: url("photos/hands-on-knees.jpg");
    background-position: -67px center;
    clip-path: polygon(0 0, 100% 0%, calc(100% - 206px) 100%, 0% 100%);
    left: 0;
}
#teams-ethos .teams h2 {
    padding-right: 150px;
}
#teams-ethos .ethos {
    text-align: right;
    background-image: url("photos/winners.jpg");
    background-position: 143px center;
    clip-path: polygon(206px 0, 100% 0%, 100% 100%, 0 100%);
    right: 0;
}
#teams-ethos .ethos h2 {
    padding-left: 150px;
}
#teams-ethos:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 600px;
    background: #ffffff;
    width: 20px;
    transform: skew(341deg);
    transition: 0.2s all;
    z-index: 3;
}
#teams-ethos.teams-hover:after {
    left: 100px;
}
@media (max-width: 999px) {
    #teams-ethos.teams-hover:after {
        display: none;
    }
}
#teams-ethos.ethos-hover:after {
    left: -100px;
}
@media (max-width: 999px) {
    #teams-ethos.ethos-hover:after {
        display: none;
    }
}
@media (max-width: 999px) {
    #teams-ethos {
        flex-direction: column;
        height: auto;
    }
    #teams-ethos .teams, #teams-ethos .ethos {
        position: relative;
        width: 100%;
        clip-path: none;
        text-align: center;
        padding: 80px 0;
    }
    #teams-ethos .teams h2, #teams-ethos .ethos h2 {
        padding: 0;
    }
    #teams-ethos .teams {
        border-bottom: 5px solid #ffffff;
    }
    #teams-ethos:after {
        display: none;
    }
}

.block {
    padding-bottom: 80px;
    margin-bottom: 100px;
    position: relative;
    text-align: center;
}
.block:after {
    content: "";
    position: absolute;
    width: 240px;
    height: 5px;
    background: #EC1D25;
    bottom: -2px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
@media (max-width: 999px) {
    .block:after {
        width: 120px;
    }
}
.block.no-border {
    margin-bottom: 0;
}
.block.no-border:after {
    display: none;
}
@media (max-width: 999px) {
    .block.no-border {
        padding-bottom: 0;
    }
}
.block p a {
    color: #EC1D25;
}
.block img {
    max-width: 100%;
}
@media (max-width: 999px) {
    .block {
        padding-bottom: 30px;
        margin-bottom: 50px;
    }
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    margin-bottom: 20px;
    height: 0;
    overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.quote {
    position: relative;
    margin-top: 100px;
}
.quote:nth-child(1) {
    margin-top: 0;
}
@media (min-width: 999px) {
.quote:before {
    content: "“";
    left: -70px;
    top: 0;
}
.quote:after {
    content: "”";
    right: -70px;
    bottom: -60px;
}
.quote:before, .quote:after {
    position: absolute;
    font-size: 200px;
    color: #EC1D25;
    line-height: 0;
    opacity: 0.5;
}
}
.quote p:last-of-type:not(:first-of-type) {
    font-weight: bold;
}

#teams-list {
    margin-bottom: 150px;
}
#teams-list .table {
    display: table;
    width: 100%;
}
#teams-list .table .tableRow {
    position: relative;
    display: table-row;
    transition: background-color 0.2s;
    padding-right: 100px;
}
#teams-list .table .tableRow:nth-of-type(even) {
    background-color: #F6F6F6;
}
#teams-list .table .tableRow:hover {
    background-color: #e5e5e5;
}
#teams-list .table .tableRow .tableCell {
    display: table-cell;
    padding: 20px 20px;
}
#teams-list .table .tableRow .tableCell:first-of-type {
    padding-left: 40px;
}
#teams-list .table .tableRow .tableCell:last-of-type {
    padding-right: 40px;
}
#teams-list .table .tableRow .tableCell p {
    line-height: 1.2;
    margin: 0;
}
#teams-list .table .tableRow .tableCell p:first-of-type {
    font-weight: bold;
}
#teams-list .table .tableRow .tableRowLink {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url("/assets/arrow.svg");
    background-position: right -100px center;
    background-repeat: no-repeat;
    background-size: 60px;
    border-width: 0;
}
#teams-list .table .tableRow .tableRowLink:hover {
    background-color: transparent;
    background-position: right 20px center;
}
@media (min-width: 1000px) {
    #teams-list .table .tableRow .tableRowLink {
        font-size: 0;
        opacity: 1;
    }
}
@media (max-width: 999px) {
    #teams-list {
        margin-bottom: 80px;
    }
    #teams-list .table {
        display: block;
    }
    #teams-list .table .tableRow {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 50px;
        padding-right: 0;
        justify-content: space-between;
    }
    #teams-list .table .tableRow:last-of-type {
        margin-bottom: 0;
    }
    #teams-list .table .tableRow:hover {
        background: #ffffff;
    }
    #teams-list .table .tableRow:nth-of-type(even) {
        background-color: transparent;
    }
    #teams-list .table .tableRow .tableCell {
        padding: 10px 20px 0 0;
    }
    #teams-list .table .tableRow .tableCell p {
        flex: 1 0 auto;
    }
    #teams-list .table .tableRow .tableCell:first-of-type {
        padding-left: 0px;
    }
    #teams-list .table .tableRow .tableCell:last-of-type {
        padding-right: 0px;
    }
    #teams-list .table .tableRow .tableRowLink {
        position: relative;
        text-align: center;
        display: block;
        margin-top: 20px;
        width: 100%;
        border-width: 2px;
    }
}

.contact-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 100px;
}
.contact-list .contact {
    width: 33.3%;
    text-decoration: none;
    text-align: left;
    transition: background 0.2s;
    background-image: url(/assets/email.svg);
    background-position: right 20px center;
    background-repeat: no-repeat;
    padding: 10px 20px;
}
.contact-list .contact:hover {
    background-color: #F6F6F6;
}
.contact-list .contact p {
    margin: 0;
    color: #26292C;
}
.contact-list .contact p:first-of-type {
    font-weight: bold;
}
@media (max-width: 999px) {
    .contact-list .contact {
        width: 50%;
    }
}
@media (max-width: 599px) {
    .contact-list .contact {
        width: 100%;
    }
}

.map-iframe {
    border: 0;
    width: 100%;
    height: 580px;
}

.form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: left;
    margin-top: 50px;
}
.form div {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    margin-bottom: 30px;
}
.form div.name, .form div.email, .form div.mobile {
	width: calc(50% - 15px);

}
.form div.age {
	width: calc(50% - 15px);
}
.form div.note {
	width: calc(100% - 15px);
}
.form div label {
    display: block;
    width: 100%;
}
.form div label span {
    color: #EC1D25;
}
.form div input, .form div select, .form div textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 5px 20px;
    border-radius: 5px;
    min-height: 52px;
}
.form div textarea {
    resize: vertical;
}
.form .btn {
    margin-left: auto;
}
@media (max-width: 999px) {
    .form div.name, .form div.email, .form div.mobile, .form div.age, .form div.note {
        width: 100%;
    }
}

#contact {
    text-align: center;
    padding: 140px 0;
    position: relative;
}
#contact h2 {
    text-transform: uppercase;
    margin: 0;
}
#contact:before, #contact:after {
    content: "";
    position: absolute;
    height: calc(100% - 40px);
    width: calc((100vw - 1100px) / 2);
    top: 20px;
    z-index: -1;
}
#contact:before {
    left: 0;
    background: linear-gradient(90deg, #ec1d25 14.29%, #ffffff 14.29%, #ffffff 28.57%, #f26167 28.57%, #f26167 42.86%, #fff 42.86%, #fff 57.14%, #f7a5a8 57.14%, #f7a5a8 71.43%, #fff 71.43%, #fff 85.71%, #fee9ea 85.71%, #fee9ea 100%);
}
#contact:after {
    right: 0;
    background: linear-gradient(270deg, #ec1d25 14.29%, #ffffff 14.29%, #ffffff 28.57%, #f26167 28.57%, #f26167 42.86%, #fff 42.86%, #fff 57.14%, #f7a5a8 57.14%, #f7a5a8 71.43%, #fff 71.43%, #fff 85.71%, #fee9ea 85.71%, #fee9ea 100%);
}
@media (max-width: 999px) {
    #contact {
        padding: 80px 0;
    }
    #contact:before, #contact:after {
        display: none;
    }
}

/*# sourceMappingURL=style.css.map */