/* RESET */

html {
    font-family: sans-serif;
}
body {
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: 29px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
    margin: 0;
    padding: 0;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
img {
    vertical-align: middle;
}

* {
    box-sizing: border-box;
}
img {
    max-width: 100%;
    height: auto;
}
a {
    text-decoration: none;
    transition: .3s;
    outline: none;
    color: inherit;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: 500;
}

h1 {
    font-size: 2.2rem;
    line-height: 1.3em;
    margin-bottom: 30px;
}
h2 {
    font-size: 2rem;
    line-height: 1.3em;
    margin-bottom: 30px;
}
h3 {
    font-size: 1.8rem;
    line-height: 1.3em;
    margin-bottom: 30px;
}
h4 {
    font-size: 1.6rem;
    line-height: 1.3em;
    margin-bottom: 30px;
}
h5 {
    font-size: 1.4rem;
    line-height: 1.3em;
    margin-bottom: 30px;
}
h6 {
    font-size: 1.2rem;
    line-height: 1.3em;
    margin-bottom: 30px;
}
.zoomIt {
    position: relative;
    overflow: hidden;
    display: block;
}
.zoomIt div, .zoomIt img {
    transition: 0.3s;
}
.zoomIt:hover > div, .zoomIt:hover > img {
    transform: scale(1.1);
}
strong {
    font-weight: 600;
}

/* grid */
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.row > [class*="c-"] {
    padding-inline: 15px;
}

.c- {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.c-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.c-100 { flex: 0 0 100%; max-width: 100%; }
.c-80  { flex: 0 0 80%;  max-width: 80%; }
.c-75  { flex: 0 0 75%;  max-width: 75%; }
.c-66  { flex: 0 0 66.666%; max-width: 66.666%; }
.c-60  { flex: 0 0 60%;  max-width: 60%; }
.c-50  { flex: 0 0 50%;  max-width: 50%; }
.c-40  { flex: 0 0 40%;  max-width: 40%; }
.c-33  { flex: 0 0 33.333%; max-width: 33.333%; }
.c-30  { flex: 0 0 30%;  max-width: 30%; }
.c-25  { flex: 0 0 25%;  max-width: 25%; }
.c-20  { flex: 0 0 20%;  max-width: 20%; }

/* Display utilities */
.d-none         { display: none; }
.d-block        { display: block; }
.d-flex         { display: flex; }
.d-inline       { display: inline; }
.d-inline-block { display: inline-block; }
.d-inline-flex  { display: inline-flex; }

/* Order utilities */
.order-first { order: -1; }
.order-last  { order: 999; }
.order-0 { order: 0; }
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.order-4 { order: 4; }
.order-5 { order: 5; }

/* Justify content utilities */
.justify-content-start   { justify-content: flex-start; }
.justify-content-end     { justify-content: flex-end; }
.justify-content-center  { justify-content: center; }
.justify-content-between { justify-content: space-between; }
.justify-content-around  { justify-content: space-around; }
.justify-content-evenly  { justify-content: space-evenly; }

/* Align items utilities */
.align-items-start    { align-items: flex-start; }
.align-items-end      { align-items: flex-end; }
.align-items-center   { align-items: center; }
.align-items-baseline { align-items: baseline; }
.align-items-stretch  { align-items: stretch; }

/* Offset utilities */
.offset-left-0  { margin-left: 0; }
.offset-left-10 { margin-left: 10%; }
.offset-left-20 { margin-left: 20%; }
.offset-left-25 { margin-left: 25%; }
.offset-left-30 { margin-left: 30%; }
.offset-left-33 { margin-left: 33.333%; }
.offset-left-40 { margin-left: 40%; }
.offset-left-50 { margin-left: 50%; }
.offset-left-60 { margin-left: 60%; }
.offset-left-66 { margin-left: 66.666%; }
.offset-left-75 { margin-left: 75%; }
.offset-left-80 { margin-left: 80%; }

@media (min-width:576px) {
    .container {
        max-width: 540px;
    }

    .c-sm-100 { flex: 0 0 100%; max-width: 100%; }
    .c-sm-80  { flex: 0 0 80%;  max-width: 80%; }
    .c-sm-75  { flex: 0 0 75%;  max-width: 75%; }
    .c-sm-66  { flex: 0 0 66.666%; max-width: 66.666%; }
    .c-sm-60  { flex: 0 0 60%;  max-width: 60%; }
    .c-sm-50  { flex: 0 0 50%;  max-width: 50%; }
    .c-sm-40  { flex: 0 0 40%;  max-width: 40%; }
    .c-sm-33  { flex: 0 0 33.333%; max-width: 33.333%; }
    .c-sm-30  { flex: 0 0 30%;  max-width: 30%; }
    .c-sm-25  { flex: 0 0 25%;  max-width: 25%; }
    .c-sm-20  { flex: 0 0 20%;  max-width: 20%; }

    .d-sm-none         { display: none; }
    .d-sm-block        { display: block; }
    .d-sm-flex         { display: flex; }
    .d-sm-inline       { display: inline; }
    .d-sm-inline-block { display: inline-block; }
    .d-sm-inline-flex  { display: inline-flex; }

    .order-sm-first { order: -1; }
    .order-sm-last  { order: 999; }
    .order-sm-0 { order: 0; }
    .order-sm-1 { order: 1; }
    .order-sm-2 { order: 2; }
    .order-sm-3 { order: 3; }
    .order-sm-4 { order: 4; }
    .order-sm-5 { order: 5; }

    .justify-content-sm-start   { justify-content: flex-start; }
    .justify-content-sm-end     { justify-content: flex-end; }
    .justify-content-sm-center  { justify-content: center; }
    .justify-content-sm-between { justify-content: space-between; }
    .justify-content-sm-around  { justify-content: space-around; }
    .justify-content-sm-evenly  { justify-content: space-evenly; }

    .align-items-sm-start    { align-items: flex-start; }
    .align-items-sm-end      { align-items: flex-end; }
    .align-items-sm-center   { align-items: center; }
    .align-items-sm-baseline { align-items: baseline; }
    .align-items-sm-stretch  { align-items: stretch; }

    .offset-left-sm-0  { margin-left: 0; }
    .offset-left-sm-10 { margin-left: 10%; }
    .offset-left-sm-20 { margin-left: 20%; }
    .offset-left-sm-25 { margin-left: 25%; }
    .offset-left-sm-30 { margin-left: 30%; }
    .offset-left-sm-33 { margin-left: 33.333%; }
    .offset-left-sm-40 { margin-left: 40%; }
    .offset-left-sm-50 { margin-left: 50%; }
    .offset-left-sm-60 { margin-left: 60%; }
    .offset-left-sm-66 { margin-left: 66.666%; }
    .offset-left-sm-75 { margin-left: 75%; }
    .offset-left-sm-80 { margin-left: 80%; }
}

@media (min-width:768px) {
    .container {
        max-width: 720px;
    }

    .c-md-100 { flex: 0 0 100%; max-width: 100%; }
    .c-md-80  { flex: 0 0 80%;  max-width: 80%; }
    .c-md-75  { flex: 0 0 75%;  max-width: 75%; }
    .c-md-66  { flex: 0 0 66.666%; max-width: 66.666%; }
    .c-md-60  { flex: 0 0 60%;  max-width: 60%; }
    .c-md-50  { flex: 0 0 50%;  max-width: 50%; }
    .c-md-40  { flex: 0 0 40%;  max-width: 40%; }
    .c-md-33  { flex: 0 0 33.333%; max-width: 33.333%; }
    .c-md-30  { flex: 0 0 30%;  max-width: 30%; }
    .c-md-25  { flex: 0 0 25%;  max-width: 25%; }
    .c-md-20  { flex: 0 0 20%;  max-width: 20%; }

    .d-md-none         { display: none; }
    .d-md-block        { display: block; }
    .d-md-flex         { display: flex; }
    .d-md-inline       { display: inline; }
    .d-md-inline-block { display: inline-block; }
    .d-md-inline-flex  { display: inline-flex; }

    .order-md-first { order: -1; }
    .order-md-last  { order: 999; }
    .order-md-0 { order: 0; }
    .order-md-1 { order: 1; }
    .order-md-2 { order: 2; }
    .order-md-3 { order: 3; }
    .order-md-4 { order: 4; }
    .order-md-5 { order: 5; }

    .justify-content-md-start   { justify-content: flex-start; }
    .justify-content-md-end     { justify-content: flex-end; }
    .justify-content-md-center  { justify-content: center; }
    .justify-content-md-between { justify-content: space-between; }
    .justify-content-md-around  { justify-content: space-around; }
    .justify-content-md-evenly  { justify-content: space-evenly; }

    .align-items-md-start    { align-items: flex-start; }
    .align-items-md-end      { align-items: flex-end; }
    .align-items-md-center   { align-items: center; }
    .align-items-md-baseline { align-items: baseline; }
    .align-items-md-stretch  { align-items: stretch; }

    .offset-left-md-0  { margin-left: 0; }
    .offset-left-md-10 { margin-left: 10%; }
    .offset-left-md-20 { margin-left: 20%; }
    .offset-left-md-25 { margin-left: 25%; }
    .offset-left-md-30 { margin-left: 30%; }
    .offset-left-md-33 { margin-left: 33.333%; }
    .offset-left-md-40 { margin-left: 40%; }
    .offset-left-md-50 { margin-left: 50%; }
    .offset-left-md-60 { margin-left: 60%; }
    .offset-left-md-66 { margin-left: 66.666%; }
    .offset-left-md-75 { margin-left: 75%; }
    .offset-left-md-80 { margin-left: 80%; }
}

@media (min-width:992px) {
    .container {
        max-width: 960px;
    }

    .c-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .c-lg-100 { flex: 0 0 100%; max-width: 100%; }
    .c-lg-80  { flex: 0 0 80%;  max-width: 80%; }
    .c-lg-75  { flex: 0 0 75%;  max-width: 75%; }
    .c-lg-70  { flex: 0 0 70%;  max-width: 70%; }
    .c-lg-66  { flex: 0 0 66.666%; max-width: 66.666%; }
    .c-lg-60  { flex: 0 0 60%;  max-width: 60%; }
    .c-lg-55  { flex: 0 0 55%;  max-width: 55%; }
    .c-lg-50  { flex: 0 0 50%;  max-width: 50%; }
    .c-lg-45  { flex: 0 0 45%;  max-width: 45%; }
    .c-lg-40  { flex: 0 0 40%;  max-width: 40%; }
    .c-lg-35  { flex: 0 0 35%;  max-width: 35%; }
    .c-lg-33  { flex: 0 0 33.333%; max-width: 33.333%; }
    .c-lg-30  { flex: 0 0 30%;  max-width: 30%; }
    .c-lg-25  { flex: 0 0 25%;  max-width: 25%; }
    .c-lg-20  { flex: 0 0 20%;  max-width: 20%; }

    .d-lg-none         { display: none; }
    .d-lg-block        { display: block; }
    .d-lg-flex         { display: flex; }
    .d-lg-inline       { display: inline; }
    .d-lg-inline-block { display: inline-block; }
    .d-lg-inline-flex  { display: inline-flex; }

    .order-lg-first { order: -1; }
    .order-lg-last  { order: 999; }
    .order-lg-0 { order: 0; }
    .order-lg-1 { order: 1; }
    .order-lg-2 { order: 2; }
    .order-lg-3 { order: 3; }
    .order-lg-4 { order: 4; }
    .order-lg-5 { order: 5; }

    .justify-content-lg-start   { justify-content: flex-start; }
    .justify-content-lg-end     { justify-content: flex-end; }
    .justify-content-lg-center  { justify-content: center; }
    .justify-content-lg-between { justify-content: space-between; }
    .justify-content-lg-around  { justify-content: space-around; }
    .justify-content-lg-evenly  { justify-content: space-evenly; }

    .align-items-lg-start    { align-items: flex-start; }
    .align-items-lg-end      { align-items: flex-end; }
    .align-items-lg-center   { align-items: center; }
    .align-items-lg-baseline { align-items: baseline; }
    .align-items-lg-stretch  { align-items: stretch; }

    .offset-left-lg-0  { margin-left: 0; }
    .offset-left-lg-10 { margin-left: 10%; }
    .offset-left-lg-20 { margin-left: 20%; }
    .offset-left-lg-25 { margin-left: 25%; }
    .offset-left-lg-30 { margin-left: 30%; }
    .offset-left-lg-33 { margin-left: 33.333%; }
    .offset-left-lg-40 { margin-left: 40%; }
    .offset-left-lg-50 { margin-left: 50%; }
    .offset-left-lg-60 { margin-left: 60%; }
    .offset-left-lg-66 { margin-left: 66.666%; }
    .offset-left-lg-75 { margin-left: 75%; }
    .offset-left-lg-80 { margin-left: 80%; }
}

@media (min-width:1200px) {
    .container {
        max-width: 1300px;
    }
}
.container-full {
    max-width: 100%;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media(min-width: 1600px) {
    .container-full {
        max-width: 1620px;
    }
}