/* Shared */

.container-header {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    position: relative;
}

.chat,
.solution,
.signup,
.solve-problems .ytuitive .ytuitive-logo {
    position: relative;
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto 100%;
}

p,
h4 {
    font-family: "Comfortaa";
    color: rgb(116, 116, 116);
}

input {
    font-family: "Comfortaa";
    color: rgb(255, 255, 255);
}

::placeholder {
    color: rgb(255, 255, 255);
}

.container-header .description .description-inner h1 {
    color: #E4FFFF;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
}

.container-header .description .description-inner h5 {
    color: #E4FFFF;
    font-family: 'Comfortaa', cursive;
    font-weight: 400;
}

.facing-the-facts .facts .text h5 {
    color: rgb(116, 116, 116);
    font-family: 'Comfortaa', cursive;
    font-weight: 400;
}

.container-header .description .discription-phone,
.container-header .description .discription-tablet {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.the-story-behind h1 {
    font-family: "Montserrat", sans-serif;
    color: rgb(39, 47, 50);
}

.the-story-behind h3,
.the-story-behind .big-title,
.the-story-behind .small-title,
.solve-problems .text h1,
.solve-problems .text h3 {
    font-family: "Montserrat", sans-serif;
    color: rgb(116, 116, 116);
}

.facing-the-facts .facts .images .images-icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 50%;
    border: 1px #7CB5C0 solid;
    border-radius: 15vw;
    margin: auto;
    color: #7CB5C0;
    text-align: center;
}

.validation-error {
    color: red;
    display: none;
}

.required-input {
    border: 2px solid red !important;
}

.required-check {
    color: red !important;
}


/* Extra small */

@media (max-width: 575px) {
    h1 {
        font-size: 10.5vw;
    }
    h2 {}
    h3 {
        font-size: 4.7vw;
    }
    h4 {
        font-size: 3.6vw;
    }
    h5 {
        font-size: 3.9vw;
    }
    button {
        font-size: 3.9vw;
    }
    p {
        font-size: 3.5vw;
    }
    .container-header {
        height: 99vw;
        background-image: url('images/about-us/background-mobile.png');
        background-position: bottom;
    }
    .container-header .description {
        height: 29vw;
        margin-top: 2vw;
    }
    .container-header .description .description-inner {
        width: 90vw;
        float: left;
    }
    .container-header .description .description-inner button {
        margin-left: 2vw;
        margin-top: 3vw;
    }
    .container-header .description .description-inner h1 {
        width: 100%;
        padding-left: 2vw;
        padding-top: 2vw;
        text-align: center;
        padding-right: 2vw;
    }
    .container-header .description .description-inner h5 {
        padding-top: 1.5vw;
        width: 100%;
        font-size: 3vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .container-header .description .discription-phone {
        background-image: url('images/about-us/phone.png');
        width: 15vw;
        height: 21vw;
        top: 98.6vw;
        float: left;
        left: 41.7vw;
        z-index: 5;
        position: absolute;
    }
    .container-header .description .discription-tablet {
        background-image: url('images/about-us/tablet.png');
        width: 49vw;
        height: 27vw;
        top: 88vw;
        left: 45vw;
        z-index: 2;
        position: absolute;
    }
    .the-story-behind {
        padding-top: 27vw;
        height: 499.5vw;
    }
    .the-story-behind h1 {
        margin-top: 0;
        color: rgb(116, 116, 116);
        width: 100%;
        text-align: center;
    }
    .the-story-behind p {
        margin-top: 1vw;
        width: 100%;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .the-story-behind h3 {
        padding-left: 2vw;
        margin-top: 2vw;
        width: 100%;
        padding-right: 2vw;
        font-size: 7vw;
    }
    .the-story-behind .small-title {
        margin-left: 10vw;
        font-size: 2.65vw;
    }
    .the-story-behind .big-title {
        margin-left: 10vw;
        font-size: 7.8vw;
        height: 6vw;
        line-height: 6vw;
    }
    .the-story-behind .smaller-text {
        margin-top: 0;
        font-size: 3vw;
    }
    .chat {
        background-image: url('images/about-us/calltoaction-mobile-chat.png');
        height: 114vw;
        margin-top: 6vw;
        width: 100%;
        background-position: center;
        background-size: auto 100%;
    }
    .chat h1 {
        color: #F2F9FA;
        width: 100%;
        padding-top: 17vw;
        font-size: 10vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .chat h5 {
        color: #F2F9FA;
        width: 100%;
        padding-top: 4vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .chat button {
        margin-top: 5vw;
        margin-left: 2vw;
    }
    .facing-the-facts h1 {
        margin-top: 3vw;
        text-align: center;
        color: rgb(116, 116, 116);
        padding-bottom: 10vw;
    }
    .facing-the-facts .facts .text {
        height: 35vw;
        margin-top: 6.5vw;
    }
    .facing-the-facts .facts .text h4 {
        font-size: 4.3vw;
        font-weight: bold;
        text-align: center;
        padding-left: 6.5vw;
        padding-right: 4vw;
    }
    .facing-the-facts .facts .text h5 {
        width: 87vw;
        font-size: 2.9vw;
        text-align: center;
        padding-left: 8.5vw;
    }
    .facing-the-facts .facts .images .images-icon {
        width: 30vw;
        height: 30vw;
        font-size: 15vw;
        line-height: 27vw;
        margin-top: 3vw;
    }
    .solution {
        background-image: url('images/about-us/calltoaction-mobile-solution.png');
        height: 112vw;
        margin-top: 6vw;
        width: 100%;
        background-size: auto 100%;
        background-position: center;
    }
    .solution h1 {
        color: #F2F9FA;
        width: 100%;
        padding-top: 17vw;
        font-size: 9vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .solution h5 {
        color: #F2F9FA;
        width: 100%;
        padding-top: 6vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .solution button {
        margin-top: 7vw;
        margin-left: 2vw;
    }
    .testimonial {
        height: 155vw;
    }
    .testimonial h1 {
        margin-top: 6vw;
        text-align: center;
        color: rgb(116, 116, 116);
        font-size: 6vw;
        width: 80vw;
        padding-left: 10vw;
    }
    .testimonial .carousel-container {
        margin-left: 16vw;
        width: 59vw;
        height: 25vw;
        overflow: hidden;
        margin-top: 3vw;
    }
    .testimonial .carousel-container .carousel-list {
        position: relative;
        height: 100%;
        width: auto;
    }
    .testimonial .carousel-container .carousel-list .person {
        background-image: url('images/about-us/person-pic.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto 95%;
        border: 1px #7CB5C0 solid;
        border-radius: 8vw;
        width: 8vw;
        margin-top: 4vw;
        margin-left: 2vw;
        height: 8vw;
        display: inline-block;
        opacity: 0.5;
    }
    .testimonial .control-buttons .left {
        background-image: url('images/about-us/arrow-left.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        top: -16vw;
        left: 9vw;
        width: 5vw;
        height: 5vw;
        cursor: pointer;
    }
    .testimonial .control-buttons .right {
        background-image: url('images/about-us/arrow-right.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        top: -21vw;
        left: 78vw;
        width: 5vw;
        height: 5vw;
        cursor: pointer;
    }
    .testimonial .testimonial-info {
        text-align: center;
        position: absolute;
        margin-top: -7vw;
        width: 90%;
        left: 5%;
    }
    .testimonial .testimonial-info h5 {
        margin: 5vw 0 2vw 0;
        font-size: 4.5vw;
    }
    .testimonial .testimonial-info p {
        position: relative;
        margin: auto;
        font-size: 3.5vw;
    }
    .signup {
        background-image: url('images/about-us/calltoaction-mobile-signup.png');
        height: 119vw;
        margin-top: -1vw;
        width: 100%;
        background-size: auto 100%;
        background-position: center;
    }
    .signup h1 {
        color: #F2F9FA;
        width: 100%;
        padding-top: 12vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .signup h5 {
        color: #F2F9FA;
        width: 100%;
        padding-top: 1vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .signup button {
        margin-top: 0vw;
        margin-left: 2vw;
    }
    .signup .signup-input {
        margin-left: 2vw;
        margin-top: 3.5vw;
    }
    .signup .signup-input input {
        background: inherit;
        border: 1px solid #fff;
        width: 65vw;
        height: 9vw;
        font-size: 3.5vw;
        padding-left: 0.7vw;
    }
    .signup p {
        margin-left: 2vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        font-size: 2.6vw;
        margin-top: 3vw;
        width: 81vw;
        line-height: 5vw;
        color: #F2F9FA;
        cursor: pointer;
    }
    .signup p i {
        margin-right: 1vw;
        font-size: 4vw;
        opacity: 0.2;
    }
    .signup .validation-error {
        margin-left: 10.7vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        font-size: 0.8vw;
        color: #F2F9FA;
        padding-top: 0;
    }
    .solve-problems {
        margin-top: 15vw;
        margin-bottom: 15vw;
    }
    .solve-problems .ytuitive .ytuitive-logo {
        background-image: url('images/about-us/ytuitive-logo.png');
        height: 18vw;
        width: 60vw;
        margin-top: -2vw;
        margin: auto;
        background-position: center;
    }
    .solve-problems .text h1 {
        font-size: 8.6vw;
        margin-top: 8vw;
        text-align: center;
    }
    .solve-problems .text h3 {
        font-size: 3.9vw;
        text-align: center;
    }
    .page-navigation {
        top: 0;
        left: 5vw;
        width: 5vw;
        position: absolute;
        height: 100%;
        display: none;
        z-index: 10;
    }
    .page-navigation .icon {
        width: 5vw;
        height: 5vw;
        text-align: center;
        line-height: 4.3vw;
        border-radius: 2.5vw;
        font-size: 3vw;
    }
    .page-navigation .light {
        color: #FDFDFD;
        border: 1px #FDFDFD solid;
    }
    .page-navigation .light-line {
        color: #FDFDFD;
        border-left: 1px #FDFDFD solid;
    }
    .page-navigation .dark {
        color: #7CB5C0;
        border: 1px #7CB5C0 solid;
    }
    .page-navigation .vert-line {
        width: 1px;
    }
    .page-navigation .home-icon {
        margin-top: 6.5vw;
    }
    .page-navigation .slider-icon {
        margin-top: 2vw;
    }
    .page-navigation .call-to-action-icon {
        margin-top: 1vw;
    }
    .page-navigation .mobiles-icon {
        margin-top: 1vw;
    }
    .page-navigation .customers-icon {
        margin-top: 1vw;
    }
    .page-navigation .home-line {
        height: 6.6vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
    }
    .page-navigation .slider-line {
        height: 25.7vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .circle-line {
        height: 23.5vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .call-to-action-line-one {
        height: 7vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
    }
    .page-navigation .call-to-action-line-two {
        height: 20vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .mobiles-line-one {
        height: 3.5vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .mobiles-line-two {
        height: 43.6vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .customers-line-one {
        height: 3.7vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
    }
    .page-navigation .customers-line-two {
        height: 23vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .home-line-two {
        height: 67.4vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
    }
    .page-navigation .the-story-line-one {
        height: 31vw;
        margin-top: 3vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .the-story-line-two {
        height: 516.7vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .call-to-one {
        height: 21vw;
        margin-top: 6.2vw;
        margin-left: 2.3vw;
    }
    .page-navigation .call-to-two {
        height: 65.5vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
    }
    .page-navigation .facts-line-one {
        height: 8vw;
        margin-top: 5.5vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .facts-line-two {
        height: 323vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .descition-line-one {
        height: 26.5vw;
        margin-top: 6.5vw;
        margin-left: 2.3vw;
    }
    .page-navigation .descition-line-two {
        height: 62vw;
        margin-top: 1.5vw;
        margin-left: 2.3vw;
    }
    .page-navigation .people-line-one {
        height: 12.4vw;
        margin-top: 6.5vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .people-line-two {
        height: 100vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .email-line-one {
        height: 18.5vw;
        margin-top: 6.5vw;
        margin-left: 2.3vw;
    }
    .page-navigation .email-line-two {
        height: 74.6vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
    }
    .page-navigation .final-line-one {
        height: 46.4vw;
        margin-top: 5.5vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .final-line-two {
        height: 32vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
}


/* Small */

@media (min-width: 576px) and (max-width: 767px) {
    h1 {
        font-size: 10.5vw;
    }
    h2 {}
    h3 {
        font-size: 4.7vw;
    }
    h4 {
        font-size: 3.6vw;
    }
    h5 {
        font-size: 3.9vw;
    }
    button {
        font-size: 3.9vw;
        padding-left: 2vw;
        padding-right: 2vw;
        padding-top: 1vw;
        padding-bottom: 1vw;
    }
    p {
        font-size: 3.5vw;
    }
    .container-header {
        height: 100vw;
        background-image: url('images/about-us/background-mobile.png');
        background-position: bottom;
    }
    .container-header .description {
        height: 29vw;
        margin-top: 2vw;
    }
    .container-header .description .description-inner {
        width: 90vw;
        float: left;
    }
    .container-header .description .description-inner button {
        margin-left: 2vw;
        margin-top: 3vw;
    }
    .container-header .description .description-inner h1 {
        width: 100%;
        padding-left: 2vw;
        padding-top: 2vw;
        text-align: center;
        padding-right: 2vw;
    }
    .container-header .description .description-inner h5 {
        padding-top: 1.5vw;
        width: 100%;
        font-size: 3vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .container-header .description .discription-phone {
        background-image: url('images/about-us/phone.png');
        width: 15vw;
        height: 21vw;
        top: 98.6vw;
        float: left;
        left: 43.7vw;
        z-index: 5;
        position: absolute;
    }
    .container-header .description .discription-tablet {
        background-image: url('images/about-us/tablet.png');
        width: 49vw;
        height: 27vw;
        top: 88vw;
        left: 47vw;
        z-index: 2;
        position: absolute;
    }
    .the-story-behind {
        padding-top: 27vw;
        height: 491.5vw
    }
    .the-story-behind h1 {
        margin-top: 0;
        color: rgb(116, 116, 116);
        width: 100%;
        text-align: center;
    }
    .the-story-behind p {
        margin-top: 1vw;
        width: 100%;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .the-story-behind h3 {
        padding-left: 2vw;
        margin-top: 2vw;
        width: 100%;
        padding-right: 2vw;
        font-size: 7vw;
    }
    .the-story-behind .small-title {
        margin-left: 10vw;
        font-size: 2.65vw;
    }
    .the-story-behind .big-title {
        margin-left: 10vw;
        font-size: 7.8vw;
        height: 6vw;
        line-height: 6vw;
    }
    .the-story-behind .smaller-text {
        margin-top: 0;
        font-size: 3vw;
    }
    .chat {
        background-image: url('images/about-us/calltoaction-mobile-chat.png');
        height: 114vw;
        margin-top: 6vw;
        width: 100%;
        background-position: center;
        background-size: auto 100%;
    }
    .chat h1 {
        color: #F2F9FA;
        width: 100%;
        padding-top: 17vw;
        font-size: 10vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .chat h5 {
        color: #F2F9FA;
        width: 100%;
        padding-top: 4vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .chat button {
        margin-top: 5vw;
        margin-left: 2vw;
    }
    .facing-the-facts h1 {
        margin-top: 3vw;
        text-align: center;
        color: rgb(116, 116, 116);
        padding-bottom: 10vw;
    }
    .facing-the-facts .facts .text {
        height: 35vw;
        margin-top: 6.5vw;
    }
    .facing-the-facts .facts .text h4 {
        font-size: 4.3vw;
        font-weight: bold;
        text-align: center;
        padding-left: 6.5vw;
        padding-right: 4vw;
    }
    .facing-the-facts .facts .text h5 {
        width: 87vw;
        font-size: 2.9vw;
        text-align: center;
        padding-left: 8.5vw;
    }
    .facing-the-facts .facts .images .images-icon {
        width: 30vw;
        height: 30vw;
        font-size: 15vw;
        line-height: 27vw;
        margin-top: 3vw;
    }
    .solution {
        background-image: url('images/about-us/calltoaction-mobile-solution.png');
        height: 112vw;
        margin-top: 6vw;
        width: 100%;
        background-size: auto 100%;
        background-position: center;
    }
    .solution h1 {
        color: #F2F9FA;
        width: 100%;
        padding-top: 17vw;
        font-size: 9vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .solution h5 {
        color: #F2F9FA;
        width: 100%;
        padding-top: 6vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .solution button {
        margin-top: 7vw;
        margin-left: 2vw;
    }
    .testimonial {
        height: 156vw;
    }
    .testimonial h1 {
        margin-top: 6vw;
        text-align: center;
        color: rgb(116, 116, 116);
        font-size: 6.5vw;
        width: 80vw;
        padding-left: 10vw;
    }
    .testimonial .carousel-container {
        margin-left: 21vw;
        width: 56vw;
        height: 25vw;
        overflow: hidden;
        margin-top: 3vw;
    }
    .testimonial .carousel-container .carousel-list {
        position: relative;
        height: 100%;
        width: 57vw;
    }
    .testimonial .carousel-container .carousel-list .person {
        background-image: url('images/about-us/person-pic.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto 95%;
        border: 1px #7CB5C0 solid;
        border-radius: 8vw;
        width: 8vw;
        margin-top: 4vw;
        margin-left: 2vw;
        height: 8vw;
        display: inline-block;
        opacity: 0.5;
    }
    .testimonial .control-buttons .left {
        background-image: url('images/about-us/arrow-left.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        top: -15vw;
        left: 15vw;
        width: 3vw;
        height: 3vw;
        cursor: pointer;
    }
    .testimonial .control-buttons .right {
        background-image: url('images/about-us/arrow-right.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        top: -17vw;
        left: 80vw;
        width: 3vw;
        height: 3vw;
        cursor: pointer;
    }
    .testimonial .testimonial-info {
        text-align: center;
        position: absolute;
        margin-top: -8vw;
        width: 70vw;
        left: 15vw;
    }
    .testimonial .testimonial-info h5 {
        margin: 2vw 0 2vw 0;
        font-size: 3.5vw;
    }
    .testimonial .testimonial-info p {
        position: relative;
        margin: auto;
        font-size: 3vw;
    }
    .signup {
        background-image: url('images/about-us/calltoaction-mobile-signup.png');
        height: 119vw;
        margin-top: -1vw;
        width: 100%;
        background-size: auto 100%;
        background-position: center;
    }
    .signup h1 {
        color: #F2F9FA;
        width: 100%;
        padding-top: 12vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .signup h5 {
        color: #F2F9FA;
        width: 100%;
        padding-top: 1vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .signup button {
        margin-top: 0vw;
        margin-left: 2vw;
    }
    .signup .signup-input {
        margin-left: 2vw;
        margin-top: 3.5vw;
    }
    .signup .signup-input input {
        background: inherit;
        border: 1px solid #fff;
        width: 65vw;
        height: 9vw;
        font-size: 3.5vw;
        padding-left: 0.7vw;
    }
    .signup p {
        margin-left: 2vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        font-size: 2.6vw;
        margin-top: 3vw;
        width: 81vw;
        line-height: 5vw;
        color: #F2F9FA;
        cursor: pointer;
    }
    .signup p i {
        margin-right: 1vw;
        font-size: 4vw;
        opacity: 0.2;
    }
    .signup .validation-error {
        margin-left: 10.7vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        font-size: 0.8vw;
        color: #F2F9FA;
        padding-top: 0;
    }
    .solve-problems {
        margin-top: 15vw;
        margin-bottom: 15vw;
    }
    .solve-problems .ytuitive .ytuitive-logo {
        background-image: url('images/about-us/ytuitive-logo.png');
        height: 18vw;
        width: 60vw;
        margin-top: -2vw;
        margin: auto;
        background-position: center;
    }
    .solve-problems .text h1 {
        font-size: 8.6vw;
        margin-top: 8vw;
        text-align: center;
    }
    .solve-problems .text h3 {
        font-size: 3.9vw;
        text-align: center;
    }
    .page-navigation {
        top: 0;
        left: 5vw;
        width: 5vw;
        position: absolute;
        height: 100%;
        display: none;
        z-index: 10;
    }
    .page-navigation .icon {
        width: 5vw;
        height: 5vw;
        text-align: center;
        line-height: 4.3vw;
        border-radius: 2.5vw;
        font-size: 3vw;
    }
    .page-navigation .light {
        color: #FDFDFD;
        border: 1px #FDFDFD solid;
    }
    .page-navigation .light-line {
        color: #FDFDFD;
        border-left: 1px #FDFDFD solid;
    }
    .page-navigation .dark {
        color: #7CB5C0;
        border: 1px #7CB5C0 solid;
    }
    .page-navigation .vert-line {
        width: 1px;
    }
    .page-navigation .home-icon {
        margin-top: 6.5vw;
    }
    .page-navigation .slider-icon {
        margin-top: 2vw;
    }
    .page-navigation .call-to-action-icon {
        margin-top: 1vw;
    }
    .page-navigation .mobiles-icon {
        margin-top: 1vw;
    }
    .page-navigation .customers-icon {
        margin-top: 1vw;
    }
    .page-navigation .home-line {
        height: 6.6vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
    }
    .page-navigation .slider-line {
        height: 25.7vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .circle-line {
        height: 23.5vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .call-to-action-line-one {
        height: 7vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
    }
    .page-navigation .call-to-action-line-two {
        height: 20vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .mobiles-line-one {
        height: 3.5vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .mobiles-line-two {
        height: 43.6vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .customers-line-one {
        height: 3.7vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
    }
    .page-navigation .customers-line-two {
        height: 23vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .home-line-two {
        height: 67.4vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
    }
    .page-navigation .the-story-line-one {
        height: 31vw;
        margin-top: 3vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .the-story-line-two {
        height: 516.7vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .call-to-one {
        height: 21vw;
        margin-top: 6.2vw;
        margin-left: 2.3vw;
    }
    .page-navigation .call-to-two {
        height: 65.5vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
    }
    .page-navigation .facts-line-one {
        height: 8vw;
        margin-top: 5.5vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .facts-line-two {
        height: 323vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .descition-line-one {
        height: 26.5vw;
        margin-top: 6.5vw;
        margin-left: 2.3vw;
    }
    .page-navigation .descition-line-two {
        height: 62vw;
        margin-top: 1.5vw;
        margin-left: 2.3vw;
    }
    .page-navigation .people-line-one {
        height: 12.4vw;
        margin-top: 6.5vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .people-line-two {
        height: 100vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .email-line-one {
        height: 18.5vw;
        margin-top: 6.5vw;
        margin-left: 2.3vw;
    }
    .page-navigation .email-line-two {
        height: 74.6vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
    }
    .page-navigation .final-line-one {
        height: 46.4vw;
        margin-top: 5.5vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .final-line-two {
        height: 32vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
}


/* Medium */

@media (min-width: 768px) and (max-width: 991px) {
    h1 {
        font-size: 7.5vw;
    }
    h2 {}
    h3 {
        font-size: 4.7vw;
    }
    h4 {
        font-size: 3.6vw;
    }
    h5 {
        font-size: 2.5vw;
    }
    button {
        font-size: 2.5vw;
        padding-left: 2vw;
        padding-right: 2vw;
        padding-top: 1vw;
        padding-bottom: 1vw;
    }
    p {
        font-size: 3vw;
    }
    .container-header {
        height: 84vw;
        background-image: url('images/about-us/background-mobile.png');
        background-position: bottom;
    }
    .container-header .description {
        height: 29vw;
        margin-top: 2vw;
    }
    .container-header .description .description-inner {
        width: 90vw;
        float: left;
    }
    .container-header .description .description-inner button {
        margin-left: 2vw;
        margin-top: 3vw;
    }
    .container-header .description .description-inner h1 {
        width: 100%;
        padding-left: 2vw;
        padding-top: 2vw;
        text-align: center;
        padding-right: 2vw;
    }
    .container-header .description .description-inner h5 {
        padding-top: 1.5vw;
        width: 100%;
        font-size: 2.5vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .container-header .description .discription-phone {
        background-image: url(images/about-us/phone.png);
        width: 15vw;
        height: 21vw;
        top: 76.6vw;
        float: left;
        left: 44.7vw;
        z-index: 5;
        position: absolute;
    }
    .container-header .description .discription-tablet {
        background-image: url(images/about-us/tablet.png);
        width: 49vw;
        height: 27vw;
        top: 69vw;
        left: 48vw;
        z-index: 2;
        position: absolute;
    }
    .the-story-behind {
        padding-top: 27vw;
        height: 360.5vw;
    }
    .the-story-behind h1 {
        margin-top: 0;
        color: rgb(116, 116, 116);
        width: 100%;
        text-align: center;
    }
    .the-story-behind p {
        margin-top: 1vw;
        width: 100%;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .the-story-behind h3 {
        padding-left: 2vw;
        margin-top: 2vw;
        width: 100%;
        padding-right: 2vw;
        font-size: 6vw;
    }
    .the-story-behind .small-title {
        margin-left: 10vw;
        font-size: 2.65vw;
    }
    .the-story-behind .big-title {
        margin-left: 10vw;
        font-size: 7.8vw;
        height: 6vw;
        line-height: 6vw;
    }
    .the-story-behind .smaller-text {
        margin-top: 2vw;
        font-size: 2.5vw;
    }
    .chat {
        background-image: url('images/about-us/calltoaction-mobile-chat.png');
        height: 85vw;
        margin-top: 6vw;
        width: 100%;
        background-position: center;
        background-size: auto 100%;
    }
    .chat h1 {
        color: #F2F9FA;
        width: 100%;
        padding-top: 17vw;
        font-size: 7vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .chat h5 {
        color: #F2F9FA;
        width: 100%;
        padding-top: 4vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .chat button {
        margin-top: 5vw;
        margin-left: 2vw;
    }
    .facing-the-facts h1 {
        margin-top: 3vw;
        text-align: center;
        color: rgb(116, 116, 116);
        padding-bottom: 10vw;
    }
    .facing-the-facts .facts .text {
        height: 24vw;
        margin-top: 6.5vw;
    }
    .facing-the-facts .facts .text h4 {
        font-size: 3vw;
        font-weight: bold;
        text-align: center;
        padding-left: 6.5vw;
        padding-right: 4vw;
    }
    .facing-the-facts .facts .text h5 {
        width: 87vw;
        font-size: 2vw;
        text-align: center;
        padding-left: 8.5vw;
    }
    .facing-the-facts .facts .images .images-icon {
        width: 23vw;
        height: 23vw;
        font-size: 9vw;
        line-height: 21vw;
    }
    .solution {
        background-image: url('images/about-us/calltoaction-mobile-solution.png');
        height: 90vw;
        margin-top: 6vw;
        width: 100%;
        background-size: auto 100%;
        background-position: center;
    }
    .solution h1 {
        color: #F2F9FA;
        width: 100%;
        padding-top: 17vw;
        font-size: 7vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .solution h5 {
        color: #F2F9FA;
        width: 100%;
        padding-top: 6vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .solution button {
        margin-top: 7vw;
        margin-left: 2vw;
    }
    .testimonial {
        height: 90vw;
    }
    .testimonial h1 {
        margin-top: 6vw;
        text-align: center;
        color: rgb(116, 116, 116);
        font-size: 6vw;
        width: 80vw;
        padding-left: 10vw;
    }
    .testimonial .carousel-container {
        margin-left: 21vw;
        width: 56vw;
        height: 25vw;
        overflow: hidden;
        margin-top: 3vw;
    }
    .testimonial .carousel-container .carousel-list {
        position: relative;
        height: 100%;
        width: 57vw;
    }
    .testimonial .carousel-container .carousel-list .person {
        background-image: url('images/about-us/person-pic.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto 95%;
        border: 1px #7CB5C0 solid;
        border-radius: 8vw;
        width: 8vw;
        margin-top: 4vw;
        margin-left: 2vw;
        height: 8vw;
        display: inline-block;
        opacity: 0.5;
    }
    .testimonial .control-buttons .left {
        background-image: url('images/about-us/arrow-left.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        top: -15vw;
        left: 15vw;
        width: 3vw;
        height: 3vw;
        cursor: pointer;
    }
    .testimonial .control-buttons .right {
        background-image: url('images/about-us/arrow-right.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        top: -17vw;
        left: 80vw;
        width: 3vw;
        height: 3vw;
        cursor: pointer;
    }
    .testimonial .testimonial-info {
        text-align: center;
        position: absolute;
        margin-top: -8vw;
        width: 80vw;
        left: 10vw;
    }
    .testimonial .testimonial-info h5 {
        margin: 2vw 0 2vw 0;
        font-size: 3vw;
    }
    .testimonial .testimonial-info p {
        position: relative;
        margin: auto;
        font-size: 2vw;
    }
    .signup {
        background-image: url('images/about-us/calltoaction-mobile-signup.png');
        height: 90vw;
        margin-top: -1vw;
        width: 100%;
        background-size: auto 100%;
        background-position: center;
    }
    .signup h1 {
        color: #F2F9FA;
        width: 100%;
        padding-top: 12vw;
        padding-left: 2vw;
        padding-right: 2vw;
        font-size: 7vw;
    }
    .signup h5 {
        color: #F2F9FA;
        width: 100%;
        padding-top: 1vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .signup button {
        margin-top: 0vw;
        margin-left: 2vw;
    }
    .signup .signup-input {
        margin-left: 2vw;
        margin-top: 3.5vw;
    }
    .signup .signup-input input {
        background: inherit;
        border: 1px solid #fff;
        width: 65vw;
        height: 6vw;
        font-size: 2.5vw;
        padding-left: 0.7vw;
    }
    .signup p {
        margin-left: 2vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        font-size: 2.6vw;
        margin-top: 3vw;
        width: 81vw;
        line-height: 5vw;
        color: #F2F9FA;
        cursor: pointer;
    }
    .signup p i {
        margin-right: 1vw;
        font-size: 4vw;
        opacity: 0.2;
    }
    .signup .validation-error {
        margin-left: 10.7vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        font-size: 0.8vw;
        color: #F2F9FA;
        padding-top: 0;
    }
    .solve-problems {
        margin-top: 15vw;
        margin-bottom: 15vw;
    }
    .solve-problems .ytuitive .ytuitive-logo {
        background-image: url('images/about-us/ytuitive-logo.png');
        height: 18vw;
        width: 60vw;
        margin-top: -2vw;
        margin: auto;
        background-position: center;
    }
    .solve-problems .text h1 {
        font-size: 7.5vw;
        margin-top: 8vw;
        text-align: center;
    }
    .solve-problems .text h3 {
        font-size: 3.5vw;
        text-align: center;
    }
    .page-navigation {
        top: 0;
        left: 5vw;
        width: 5vw;
        position: absolute;
        height: 100%;
        display: none;
        z-index: 10;
    }
    .page-navigation .icon {
        width: 5vw;
        height: 5vw;
        text-align: center;
        line-height: 4.3vw;
        border-radius: 2.5vw;
        font-size: 3vw;
    }
    .page-navigation .light {
        color: #FDFDFD;
        border: 1px #FDFDFD solid;
    }
    .page-navigation .light-line {
        color: #FDFDFD;
        border-left: 1px #FDFDFD solid;
    }
    .page-navigation .dark {
        color: #7CB5C0;
        border: 1px #7CB5C0 solid;
    }
    .page-navigation .vert-line {
        width: 1px;
    }
    .page-navigation .home-icon {
        margin-top: 6.5vw;
    }
    .page-navigation .slider-icon {
        margin-top: 2vw;
    }
    .page-navigation .call-to-action-icon {
        margin-top: 1vw;
    }
    .page-navigation .mobiles-icon {
        margin-top: 1vw;
    }
    .page-navigation .customers-icon {
        margin-top: 1vw;
    }
    .page-navigation .home-line {
        height: 6.6vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
    }
    .page-navigation .slider-line {
        height: 25.7vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .circle-line {
        height: 23.5vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .call-to-action-line-one {
        height: 7vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
    }
    .page-navigation .call-to-action-line-two {
        height: 20vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .mobiles-line-one {
        height: 3.5vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .mobiles-line-two {
        height: 43.6vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .customers-line-one {
        height: 3.7vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
    }
    .page-navigation .customers-line-two {
        height: 23vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .home-line-two {
        height: 67.4vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
    }
    .page-navigation .the-story-line-one {
        height: 31vw;
        margin-top: 3vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .the-story-line-two {
        height: 516.7vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .call-to-one {
        height: 21vw;
        margin-top: 6.2vw;
        margin-left: 2.3vw;
    }
    .page-navigation .call-to-two {
        height: 65.5vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
    }
    .page-navigation .facts-line-one {
        height: 8vw;
        margin-top: 5.5vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .facts-line-two {
        height: 323vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .descition-line-one {
        height: 26.5vw;
        margin-top: 6.5vw;
        margin-left: 2.3vw;
    }
    .page-navigation .descition-line-two {
        height: 62vw;
        margin-top: 1.5vw;
        margin-left: 2.3vw;
    }
    .page-navigation .people-line-one {
        height: 12.4vw;
        margin-top: 6.5vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .people-line-two {
        height: 100vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .email-line-one {
        height: 18.5vw;
        margin-top: 6.5vw;
        margin-left: 2.3vw;
    }
    .page-navigation .email-line-two {
        height: 74.6vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
    }
    .page-navigation .final-line-one {
        height: 46.4vw;
        margin-top: 5.5vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .final-line-two {
        height: 32vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
}


/* Large */

@media (min-width: 992px) and (max-width: 1199px) {
    h1 {
        font-size: 5vw;
    }
    h5 {
        font-size: 1vw;
    }
    button {
        font-size: 1.2vw;
    }
    p {
        font-size: 1.6vw;
    }
    .container-header {
        height: 53vw;
        background-image: url('images/about-us/background.png');
        background-size: 100% 100%;
    }
    .container-header .description {
        height: 29vw;
        margin-top: 2vw;
    }
    .container-header .description .description-inner {
        width: 37vw;
        float: left;
    }
    .container-header .description .description-inner button {
        margin-left: 11.5vw;
        margin-top: 1vw;
        font-size: 1.5vw;
    }
    .container-header .description .description-inner h1 {
        padding-left: 11.5vw;
        padding-top: 2vw;
    }
    .container-header .description .description-inner h5 {
        padding-left: 11.5vw;
        padding-top: 1.5vw;
        width: 100%;
        font-size: 1.25vw;
    }
    .container-header .description .discription-phone {
        background-image: url('images/about-us/phone.png');
        width: 15vw;
        height: 21vw;
        top: 10.6vw;
        float: left;
        left: 4.7vw;
        z-index: 5;
    }
    .container-header .description .discription-tablet {
        background-image: url('images/about-us/tablet.png');
        width: 49vw;
        height: 27vw;
        top: 1vw;
        left: 44vw;
        z-index: 2;
    }
    .the-story-behind {
        padding-top: 5vw;
        height: 165.5vw;
    }
    .the-story-behind h1 {
        padding-left: 11.5vw;
        margin-top: 0;
        color: rgb(116, 116, 116);
    }
    .the-story-behind p {
        margin-top: 1vw;
        padding-left: 12vw;
        width: 66vw;
    }
    .the-story-behind h3 {
        padding-left: 11.7vw;
        margin-top: 2vw;
        width: 66vw;
        font-size: 3vw;
    }
    .the-story-behind .small-title {
        margin-left: 10vw;
        font-size: 2.65vw;
    }
    .the-story-behind .big-title {
        margin-left: 10vw;
        font-size: 7.8vw;
        height: 6vw;
        line-height: 6vw;
    }
    .the-story-behind .smaller-text {
        margin-top: 0;
        font-size: 1.2vw;
    }
    .chat {
        background-image: url('images/about-us/calltoaction-chat.png');
        height: 34vw;
        margin-top: 6vw;
        width: 100%;
    }
    .chat h1 {
        color: #F2F9FA;
        width: 57vw;
        margin-left: 11.5vw;
        padding-top: 4vw;
    }
    .chat h5 {
        color: #F2F9FA;
        width: 60vw;
        margin-left: 11.5vw;
        padding-top: 1vw;
        font-size: 1.5vw;
    }
    .chat button {
        margin-top: 5vw;
        margin-left: 11.5vw;
        border-radius: 1vw;
        height: 3vw;
        font-size: 1.5vw;
    }
    .facing-the-facts h1 {
        margin-top: 3vw;
        text-align: center;
        color: rgb(116, 116, 116);
    }
    .facing-the-facts .facts .text {
        height: 8vw;
        margin-top: 6.5vw;
    }
    .facing-the-facts .facts .text h4 {
        font-size: 1.5vw;
        font-weight: bold;
    }
    .facing-the-facts .facts .text h5 {
        width: 60vw;
        font-size: 1.2vw;
    }
    .facing-the-facts .facts .images .images-icon {
        width: 13vw;
        height: 13vw;
        font-size: 6vw;
        line-height: 12vw;
        margin-top: 2vw;
    }
    .solution {
        background-image: url('images/about-us/calltoaction-solution.png');
        height: 34vw;
        margin-top: 6vw;
        width: 100%;
    }
    .solution h1 {
        color: #F2F9FA;
        width: 70vw;
        margin-left: 11.5vw;
        padding-top: 6vw;
    }
    .solution h5 {
        color: #F2F9FA;
        width: 60vw;
        margin-left: 11.5vw;
        padding-top: 1vw;
        font-size: 1.5vw;
    }
    .solution button {
        margin-top: 3vw;
        margin-left: 11.5vw;
        border-radius: 1vw;
        height: 3vw;
        font-size: 1.5vw;
    }
    .testimonial {
        height: 50vw;
    }
    .testimonial h1 {
        margin-top: 6vw;
        text-align: center;
        font-size: 3.4vw;
        color: rgb(116, 116, 116);
    }
    .testimonial .carousel-container {
        margin-left: 21vw;
        width: 56vw;
        height: 25vw;
        overflow: hidden;
        margin-top: 3vw;
    }
    .testimonial .carousel-container .carousel-list {
        position: relative;
        height: 100%;
        width: auto;
    }
    .testimonial .carousel-container .carousel-list .person {
        background-image: url('images/about-us/person-pic.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto 95%;
        border: 1px #7CB5C0 solid;
        border-radius: 8vw;
        width: 8vw;
        margin-top: 4vw;
        margin-left: 2vw;
        height: 8vw;
        display: inline-block;
        opacity: 0.5;
    }
    .testimonial .control-buttons .left {
        background-image: url('images/about-us/arrow-left.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        top: -15vw;
        left: 15vw;
        width: 3vw;
        height: 3vw;
        cursor: pointer;
    }
    .testimonial .control-buttons .right {
        background-image: url('images/about-us/arrow-right.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        top: -17vw;
        left: 80vw;
        width: 3vw;
        height: 3vw;
        cursor: pointer;
    }
    .testimonial .testimonial-info {
        text-align: center;
        position: absolute;
        margin-top: -8vw;
        width: 56vw;
    }
    .testimonial .testimonial-info h5 {
        margin: 2vw 0 2vw 0;
        font-size: 1.5vw;
    }
    .testimonial .testimonial-info p {
        position: relative;
        margin: auto;
        font-size: 1.3vw;
    }
    .signup {
        background-image: url('images/about-us/calltoaction-signup.png');
        height: 34vw;
        margin-top: -1vw;
        width: 100%;
    }
    .signup h1 {
        color: #F2F9FA;
        width: 64vw;
        margin-left: 10vw;
        padding-top: 3vw;
    }
    .signup h5 {
        color: #F2F9FA;
        width: 60vw;
        margin-left: 10.7vw;
        padding-top: 1vw;
        font-size: 1.5vw;
    }
    .signup button {
        margin-top: 1vw;
        margin-left: 10.7vw;
        border-radius: 1vw;
        width: 18vw;
        height: 3vw;
        font-size: 1.5vw;
    }
    .signup .signup-input {
        margin-left: 10.7vw;
        margin-top: 1.5vw;
    }
    .signup .signup-input input {
        background: inherit;
        border: 1px solid #fff;
        width: 41vw;
        height: 3vw;
        font-size: 1.5vw;
        padding-left: 0.7vw;
    }
    .signup p {
        margin-left: 10.7vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        font-size: 1vw;
        margin-top: 1vw;
        width: 50vw;
        line-height: 1vw;
        color: #F2F9FA;
        cursor: pointer;
    }
    .signup p i {
        margin-right: 1vw;
        font-size: 1vw;
        opacity: 0.2;
    }
    .signup .validation-error {
        margin-left: 10.7vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        font-size: 0.8vw;
        color: #F2F9FA;
        padding-top: 0;
    }
    .solve-problems {
        margin-top: 15vw;
        margin-bottom: 15vw;
    }
    .solve-problems .ytuitive .ytuitive-logo {
        background-image: url('images/about-us/ytuitive-logo.png');
        height: 10vw;
        width: 22vw;
        margin-top: -2vw;
        margin-left: 2vw;
    }
    .solve-problems .text h1 {
        font-size: 3.6vw;
        margin-left: 18vw;
    }
    .solve-problems .text h3 {
        font-size: 1.9vw;
        margin-left: 18vw;
    }
    .page-navigation {
        top: 0;
        left: 5vw;
        width: 5vw;
        position: absolute;
        height: 100%;
        z-index: 10;
    }
    .page-navigation .icon {
        width: 1.8vw;
        height: 1.8vw;
        text-align: center;
        line-height: 1.6vw;
        border-radius: 0.9vw;
        font-size: 0.8vw;
    }
    .page-navigation .light {
        color: #FDFDFD;
        border: 1px #FDFDFD solid;
    }
    .page-navigation .light-line {
        color: #FDFDFD;
        border-left: 1px #FDFDFD solid;
    }
    .page-navigation .dark {
        color: #7CB5C0;
        border: 1px #7CB5C0 solid;
    }
    .page-navigation .vert-line {
        width: 1px;
    }
    .page-navigation .home-icon {
        margin-top: 2.5vw;
    }
    .page-navigation .slider-icon {
        margin-top: 1.5vw;
    }
    .page-navigation .call-to-action-icon {
        margin-top: 1vw;
    }
    .page-navigation .mobiles-icon {
        margin-top: 1vw;
    }
    .page-navigation .customers-icon {
        margin-top: 1vw;
    }
    .page-navigation .home-line {
        height: 4.6vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .slider-line {
        height: 25.7vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .circle-line {
        height: 23.5vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .call-to-action-line-one {
        height: 7vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
    }
    .page-navigation .call-to-action-line-two {
        height: 20vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .mobiles-line-one {
        height: 3.5vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .mobiles-line-two {
        height: 43.6vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .customers-line-one {
        height: 3.7vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
    }
    .page-navigation .customers-line-two {
        height: 23vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .home-line-two {
        height: 28.4vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
    }
    .page-navigation .the-story-line-one {
        height: 12vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .the-story-line-two {
        height: 162.7vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .call-to-one {
        height: 6vw;
        margin-top: 2.2vw;
        margin-left: 0.85vw;
    }
    .page-navigation .call-to-two {
        height: 19.5vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
    }
    .page-navigation .facts-line-one {
        height: 3vw;
        margin-top: 2.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .facts-line-two {
        height: 67vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .descition-line-one {
        height: 7.5vw;
        margin-top: 3.5vw;
        margin-left: 0.85vw;
    }
    .page-navigation .descition-line-two {
        height: 17vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
    }
    .page-navigation .people-line-one {
        height: 5.4vw;
        margin-top: 2.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .people-line-two {
        height: 43vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .email-line-one {
        height: 4.5vw;
        margin-top: 3.5vw;
        margin-left: 0.85vw;
    }
    .page-navigation .email-line-two {
        height: 20.6vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
    }
    .page-navigation .final-line-one {
        height: 15.4vw;
        margin-top: 2.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .final-line-two {
        height: 23vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
}


/* Extra large */

@media (min-width: 1200px) {
    h1 {
        font-size: 4.8vw;
    }
    h5 {
        font-size: 0.9vw;
    }
    button {
        font-size: 0.9vw;
    }
    p {
        font-size: 1vw;
    }
    .container-header {
        height: 43vw;
        background-image: url('images/about-us/background.png');
    }
    .container-header .description {
        height: 29vw;
        margin-top: 2vw;
    }
    .container-header .description .description-inner {
        width: 37vw;
        float: left;
    }
    .container-header .description .description-inner button {
        margin-left: 11.5vw;
        margin-top: 1vw;
    }
    .container-header .description .description-inner h1 {
        padding-left: 11.5vw;
        padding-top: 2vw;
    }
    .container-header .description .description-inner h5 {
        padding-left: 11.5vw;
        padding-top: 1.5vw;
        width: 100%;
    }
    .container-header .description .discription-phone {
        background-image: url('images/about-us/phone.png');
        width: 15vw;
        height: 21vw;
        top: 10.6vw;
        float: left;
        left: 4.7vw;
        z-index: 5;
    }
    .container-header .description .discription-tablet {
        background-image: url('images/about-us/tablet.png');
        width: 49vw;
        height: 27vw;
        top: 1vw;
        left: 44vw;
        z-index: 2;
    }
    .the-story-behind {
        padding-top: 5vw;
        height: 93.5vw;
    }
    .the-story-behind h1 {
        padding-left: 11.5vw;
        margin-top: 0;
        color: rgb(116, 116, 116);
    }
    .the-story-behind p {
        margin-top: 1vw;
        padding-left: 12vw;
        width: 66vw;
    }
    .the-story-behind h3 {
        padding-left: 11.7vw;
        margin-top: 2vw;
        width: 66vw;
        font-size: 3vw;
    }
    .the-story-behind .small-title {
        margin-left: 10vw;
        font-size: 2.65vw;
    }
    .the-story-behind .big-title {
        margin-left: 10vw;
        font-size: 7.8vw;
        height: 6vw;
        line-height: 6vw;
    }
    .the-story-behind .smaller-text {
        margin-top: 0;
        font-size: 0.8vw;
    }
    .chat {
        background-image: url('images/about-us/calltoaction-chat.png');
        height: 34vw;
        margin-top: 6vw;
        width: 100%;
    }
    .chat h1 {
        color: #F2F9FA;
        width: 57vw;
        margin-left: 11.5vw;
        padding-top: 4vw;
    }
    .chat h5 {
        color: #F2F9FA;
        width: 36vw;
        margin-left: 11.5vw;
        padding-top: 1vw;
    }
    .chat button {
        margin-top: 5vw;
        margin-left: 11.5vw;
        border-radius: 1vw;
        /* width: 18vw; */
        height: 3vw;
    }
    .facing-the-facts h1 {
        margin-top: 3vw;
        text-align: center;
        color: rgb(116, 116, 116);
    }
    .facing-the-facts .facts .text {
        height: 8vw;
        margin-top: 6.5vw;
    }
    .facing-the-facts .facts .text h4 {
        font-size: 1.3vw;
        font-weight: bold;
    }
    .facing-the-facts .facts .text h5 {
        width: 60vw;
        font-size: 0.9vw;
    }
    .facing-the-facts .facts .images .images-icon {
        width: 13vw;
        height: 13vw;
        font-size: 6vw;
        line-height: 12vw;
        margin-top: 2vw;
    }
    .solution {
        background-image: url('images/about-us/calltoaction-solution.png');
        height: 34vw;
        margin-top: 6vw;
        width: 100%;
    }
    .solution h1 {
        color: #F2F9FA;
        width: 70vw;
        margin-left: 11.5vw;
        padding-top: 6vw;
    }
    .solution h5 {
        color: #F2F9FA;
        width: 36vw;
        margin-left: 11.5vw;
        padding-top: 1vw;
    }
    .solution button {
        margin-top: 3vw;
        margin-left: 11.5vw;
        border-radius: 1vw;
        height: 3vw;
    }
    .testimonial {
        height: 45vw;
    }
    .testimonial h1 {
        margin-top: 6vw;
        text-align: center;
        font-size: 3.4vw;
        color: rgb(116, 116, 116);
    }
    .testimonial .carousel-container {
        margin-left: 21vw;
        width: 56vw;
        height: 25vw;
        overflow: hidden;
        margin-top: 3vw;
    }
    .testimonial .carousel-container .carousel-list {
        position: relative;
        height: 100%;
        width: auto;
    }
    .testimonial .carousel-container .carousel-list .person {
        background-image: url('images/about-us/person-pic.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto 95%;
        border: 1px #7CB5C0 solid;
        border-radius: 8vw;
        width: 8vw;
        margin-top: 4vw;
        margin-left: 2vw;
        height: 8vw;
        display: inline-block;
        opacity: 0.5;
    }
    .testimonial .control-buttons .left {
        background-image: url('images/about-us/arrow-left.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        top: -15vw;
        left: 15vw;
        width: 3vw;
        height: 3vw;
        cursor: pointer;
    }
    .testimonial .control-buttons .right {
        background-image: url('images/about-us/arrow-right.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        top: -17vw;
        left: 80vw;
        width: 3vw;
        height: 3vw;
        cursor: pointer;
    }
    .testimonial .testimonial-info {
        text-align: center;
        position: absolute;
        margin-top: -7vw;
        width: 56vw;
    }
    .testimonial .testimonial-info h5 {
        margin-bottom: 1vw;
        font-size: 1.5vw;
    }
    .testimonial .testimonial-info p {
        position: relative;
        margin: auto;
    }
    .signup {
        background-image: url('images/about-us/calltoaction-signup.png');
        height: 34vw;
        margin-top: -1vw;
        width: 100%;
    }
    .signup h1 {
        color: #F2F9FA;
        width: 64vw;
        margin-left: 10vw;
        padding-top: 3vw;
    }
    .signup h5 {
        color: #F2F9FA;
        width: 36vw;
        margin-left: 10.7vw;
        padding-top: 1vw;
    }
    .signup button {
        margin-top: 1vw;
        margin-left: 10.7vw;
        border-radius: 1vw;
        width: 18vw;
        height: 3vw;
    }
    .signup .signup-input {
        margin-left: 10.7vw;
        margin-top: 1.5vw;
    }
    .signup .signup-input input {
        background: inherit;
        border: 1px solid #fff;
        width: 36vw;
        height: 3vw;
        font-size: 1.5vw;
        padding-left: 0.7vw;
    }
    .signup p {
        margin-left: 10.7vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        font-size: 0.6vw;
        ;
        margin-top: 1vw;
        width: 34vw;
        line-height: 1vw;
        color: #F2F9FA;
        cursor: pointer;
    }
    .signup p i {
        margin-right: 1vw;
        font-size: 1vw;
        opacity: 0.2;
    }
    .signup .validation-error {
        margin-left: 10.7vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        font-size: 0.8vw;
        color: #F2F9FA;
        padding-top: 0;
    }
    .solve-problems {
        margin-top: 15vw;
        margin-bottom: 15vw;
    }
    .solve-problems .ytuitive .ytuitive-logo {
        background-image: url('images/about-us/ytuitive-logo.png');
        height: 10vw;
        width: 22vw;
        margin-top: -2vw;
        margin-left: 2vw;
    }
    .solve-problems .text h1 {
        font-size: 3.6vw;
        margin-left: 18vw;
    }
    .solve-problems .text h3 {
        font-size: 1.9vw;
        margin-left: 18vw;
    }
    .page-navigation {
        top: 0;
        left: 5vw;
        width: 5vw;
        position: absolute;
        height: 100%;
        z-index: 10;
    }
    .page-navigation .icon {
        width: 1.8vw;
        height: 1.8vw;
        text-align: center;
        line-height: 1.6vw;
        border-radius: 0.9vw;
        font-size: 0.8vw;
    }
    .page-navigation .light {
        color: #FDFDFD;
        border: 1px #FDFDFD solid;
    }
    .page-navigation .light-line {
        color: #FDFDFD;
        border-left: 1px #FDFDFD solid;
    }
    .page-navigation .dark {
        color: #7CB5C0;
        border: 1px #7CB5C0 solid;
    }
    .page-navigation .vert-line {
        width: 1px;
    }
    .page-navigation .home-icon {
        margin-top: 2.5vw;
    }
    .page-navigation .slider-icon {
        margin-top: 1.5vw;
    }
    .page-navigation .call-to-action-icon {
        margin-top: 1vw;
    }
    .page-navigation .mobiles-icon {
        margin-top: 1vw;
    }
    .page-navigation .customers-icon {
        margin-top: 1vw;
    }
    .page-navigation .home-line {
        height: 4.6vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .slider-line {
        height: 25.7vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .circle-line {
        height: 23.5vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .call-to-action-line-one {
        height: 7vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
    }
    .page-navigation .call-to-action-line-two {
        height: 20vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .mobiles-line-one {
        height: 3.5vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .mobiles-line-two {
        height: 43.6vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .customers-line-one {
        height: 3.7vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
    }
    .page-navigation .customers-line-two {
        height: 23vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .home-line-two {
        height: 20.4vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
    }
    .page-navigation .the-story-line-one {
        height: 12vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .the-story-line-two {
        height: 88.7vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .call-to-one {
        height: 6vw;
        margin-top: 2.2vw;
        margin-left: 0.85vw;
    }
    .page-navigation .call-to-two {
        height: 19.5vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
    }
    .page-navigation .facts-line-one {
        height: 3vw;
        margin-top: 2.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .facts-line-two {
        height: 67vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .descition-line-one {
        height: 7.5vw;
        margin-top: 1.8vw;
        margin-left: 0.85vw;
    }
    .page-navigation .descition-line-two {
        height: 18.5vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
    }
    .page-navigation .people-line-one {
        height: 5.4vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .people-line-two {
        height: 39.5vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .email-line-one {
        height: 4.5vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
    }
    .page-navigation .email-line-two {
        height: 21.6vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
    }
    .page-navigation .final-line-one {
        height: 15.4vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .final-line-two {
        height: 23vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
}