@media only screen and (max-width: 767px) {

    nav .brand-logo {
        font-size: 1.5em;
        left: 4em;
    }

    nav .brand-logo__pic {
        width: 45px;
        height: 45px;
    }

    .top-nav-absolute {
        padding: 0 1em 0;
    }

    .top-nav-absolute .nav__text {
        line-height: 4em;
        font-size: 1.1em;
    }

    .top-nav-relative {
        padding: 0 1em 0;
    }

    .main-content__logo {
        max-width: 8em;
        margin: 0 auto;
        min-height: 8em;
        width: 5em;
        margin: 0 auto;
        min-height: 5em;
        background-size: cover;
    }

    .main-content__name {
        margin: 0.3em 0 0 0;
        font-size: 1.8em;
    }

    .main-content__title {
        padding: 2em 0;
        min-height: 7em;
        font-size: 1em;
    }

    .main-content__description {
        padding: 1.6em 1em 1em 1em;
        font-size: 1.6em;
        font-weight: 500;
    }

    .add_to_slack {
        font-size: 1em;
        height: 55px;
        line-height: 55px;
    }

    .add_to_slack:before {
        content: '';
        display: inline-block;
        vertical-align: bottom;
        background-image: url('/assets/images/slack_white_icon.png');
        background-size: cover;
        width: 28px;
        height: 28px;
        float: left;
        margin: 1.1em 0.6em 0 0;
    }

    .background__white-vortex {
        height: 568px;
        background-position: 40%;
    }

    .video-box .title-container {
        top: 7em;
    }

    .image-container img {
        max-width: 400px;
    }

    .quote {
        padding: 0 1em;
    }

    .quote img {
        width: 55px;
        margin: 27px 10px 30px 5px;
    }

    .quote__description {
        padding: 1em 0 0;
        font-size: 0.9em;
        font-weight: normal;
    }

    .quote__signature {
        padding-top: 0.5em;
        font-size: 0.8em;
    }

    .when-do-you-need {
        padding: 0.5em 0.5em 0 0.5em;
    }
    .when-do-you-need .when-do-you-need-element {
        padding: 0;
        text-align: left;
    }

    .when-do-you-need .when-do-you-need__title {
        font-size: 1.9em;
        padding-top: 0.8em;
    }

    .when-do-you-need .when-do-you-need__description {
        font-size: 1.15em;
        line-height: 1.45;
        padding: 1em 0 1.5em 0;
    }

    .when-do-you-need .when-do-you-need-element:nth-child(2) {
        border-top-style: solid;
        border-left-style: none!important;
    }

    .how-it-work {
        padding: 0;
    }
    .how-it-work__title {
        font-size: 1.9em;
        padding: 1em 0 1em 0;
    }
    .how-it-work__container {
        padding: 0;
    }
    .how-it-work .how-it-work-list {
        text-align: left;
        padding: 0;
    }
    .how-it-work .how-it-work-list h5 {
        font-size: 0.9em;
    }
    .how-it-work-element__img {
        padding: 0 1em!important;
    }
    .how-it-work-element__title {

    }
    .how-it-work-element__description {
        font-size: 1.15rem;
        line-height: 1.45;
        padding: 0 0 0.9em 0;
    }

    div.col.l12.s12.how-it-work__container.background--grey-box {
        background-color: #F5F5F5;
    }

    .features {
        display: none;
    }

    .actions {
        background: #F5F5F5;
        font-size: 1.5em;
        padding: 1em 1em;
    }

    .actions__images {
        width: 25px;
        height: 25px;
    }

    .benefit {
        padding: 0;
        background: #FFFFFF;
    }

    .benefit__title {
        padding-top: 1.3em;
        padding-bottom: 0.5em;
        font-size: 1.85em;
    }

    .benefit__image {
        max-width: 155px;
    }

    .benefit-list__element:nth-child(2) {
        text-align: center;
    }

    .benefit-list__element {
        text-align: left;
        font-size: 1.15rem;
        line-height: 1.45;
    }

    .benefit-list__element:first-child > ul > li:before {
        float: left;
    }

    .benefit-list__element:first-child > ul > li > div {
        margin-right: 0px;
        margin-left: 30px;
    }

    .benefit-list__element:last-child > ul > li > div {
        margin-left: 30px;
    }

    .benefit-list__element > ul > li:before
    {
        width: 20px;
        height: 20px;
    }

    .benefit-list__element > ul > li {
        padding: 0.5em 0em;
    }

    .slogan {
        padding: 2em 0;
    }

    .slogan__text {
        padding: 0 1em;
        font-size: 1.4em;
    }

    .price {
        padding-top: 1em;
    }

    .price__image img {
        height: 160px;
    }

    .price__title {
        font-size: 2em;
    }

    .price__description {
        font-size: 1.4em;
    }

    .contact-us-form {
        margin: 1em 0.5em;
        padding: 1em 2em 1em;
    }

    .contact-us-form__send-button button {
        margin-top: 1em;
    }

    /* Privacy policy page */

    .privacy-policy .policy {
        padding: 2em 1em;
    }

    .policy .policy__title {
        font-size: 2em;
        font-weight: bold;
    }

    .privacy-policy .policy-item .policy-item__title {
        font-size: 2em;
    }

    .privacy-policy .policy-item .policy-item__description {
        font-size: 1.5em;
    }

    /* Authorization pages */

    .auth-status-content__title {
        font-size: 2em;
    }

    .auth-status-content {
        padding-top: 4em;
    }


    /* 404 */
    .page-404-content__title {
        font-size: 1.2em;
    }

    .page-404-content {
        padding-top: 8em;
    }

    /*mailchimp*/



    #mc_embed_signup form {

        padding: 8px 0 8px 0;
    }


    #mc_embed_signup input{
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 1.4em;
        height: 2em;
    }

    #mc_embed_signup .email-wrapper {
        padding-bottom: 0.7em;
    }


    #mc_embed_signup label {
        padding: 1em 0 ;
        font-size: 1.5em;
    }


    #mc_embed_signup p.comment {
        font-size: 1.2em;
        padding-bottom: 2em;
    }
    .subscribe-form {
        max-height: 18.8em;
    }
    .subscribe-form-container {
        padding: 0 1em;
    }


    .main-content__arrow {
        margin: 4em auto 0;
    }

    /* HELP PAGE */
    .faq__title {
        font-size: 3em;
        padding: 2rem 0 0;
    }

    .faq-item__title {
        font-size: 2em;
        font-weight: bold;
        padding: 1rem 0 0;
    }

    .faq-item__description {
        font-size: 1.5em;
        padding: 1em 0;
    }

    .collapsible-header {
        font-size: 1.5em;
        line-height: 3rem;
        font-weight: bold;
    }

    .collapsible-body {
        font-size: 1.5em;
    }

    .collapsible-body > h4 {
        margin: 1rem 2rem;
        font-size: 1.5rem;
        font-weight: bold;
    }

    .collapsible-body > div {
        padding: 1rem 0;
    }

    .collapsible-body > div > img {
        width: 100%;
        height: 100%;
    }

    .collapsible-body > p {
        padding: 1rem 2rem
    }
    /* HELP PAGE */


    /*.benefit-list__element:first-child > ul > li:before {*/
        /*content: "";*/
        /*background-image: url(/assets/images/orange_checkmark.png);*/
        /*background-size: cover;*/
        /*width: 20px;*/
        /*height: 20px;*/
        /*!*transform: translate(-130%, 0);*!*/
        /*position: absolute;*/
    /*}*/

    /*.benefit-list__element:last-child > ul > li:before {*/
        /*content: "";*/
        /*background-image: url(/assets/images/orange_checkmark.png);*/
        /*background-size: cover;*/
        /*width: 20px;*/
        /*height: 20px;*/
        /*!*transform: translate(-130%, 0);*!*/
        /*position: absolute;*/
    /*}*/
}