article {

    box-sizing: border-box;
}

article .block h1 {
    font-size: 32px;
}

article .block h2 {
    font-size: 22px;
}

article .block h3 {
    font-size: 22px;
}

article .block h1,
article .block h2,
article .block h3  {

}

article .block p {
    font-size: 17px;
}

article .img-block {
    margin: 20px 0 10px;
}

article svg {
    width: 35px;
    height: 35px;
    cursor: pointer;
}

.w-25 {
    width: 25%;
}

.w-30 {
    width: 33%;
}

.w-50 {
    width: 50%;
}

.w-90 {
    width: 90%;
}

.w-100 {
    width: 100%;
}

.margin-tb-10 {
    margin: 10px 0;
}

.margin-tb-20 {
    margin: 20px 0;
}

.p-10 {
    padding: 10px 20px;
}

.p-20 {
    padding: 5px 10px;
}

.p-tb-10 {
    padding: 10px 0;
}

.p-tb-20 {
    padding: 20px 0;
}

.p-lr-5 {
    padding: 0 5px;
}

.p-lr-10 {
    padding: 0 10px;
}

.p-lr-20 {
    padding: 0 20px;
}

.p-lr-30 {
    padding: 0 30px;
}

.bg-color {
    background-color: #f5f5f5;
}

.ta-left {
    text-align: left;
}

.ta-center {
    text-align: center;
}

.ta-right {
    text-align: right;
}

.m-auto {
    margin: 0 auto;
}

.border-solid {
    border: 1px solid #333;
}

.p-large {
    font-size: 19px !important;
}

.flex-space-between {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.flex-space-around {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
}

.flex-space-evenly {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
}

.flex-center {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.flex-start {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.flex-end {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
}

.flex-column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.flex-column-center {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.flex-column-end {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
}

.flex-wrap {
    flex-wrap: wrap;
}

.align-item-start {
    align-items: flex-start;
}

.align-item-center {
    align-items: center;
}

.align-item-end {
    align-items: flex-end;
}

@media screen and (max-width: 615px) {
    .img-block img {
        width: 100%;
    }

    .block video {
        width: 100%;
    }
}