/* Shared */

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

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

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

.container-header p {
    color: #E4FFFF;
    font-family: 'Comfortaa', cursive;
    font-weight: 400;
    margin-bottom: 1vw;
}

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

.container-header .phone .play-button {
    position: absolute;
    margin: auto auto;
    cursor: pointer;
    text-align: center;
    color: #F5F5F5;
    z-index: 1000;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    box-shadow: 0 0 0 0 rgba(254, 255, 250, 0.7);
    border: 1px solid #FEFFFA;
}

.container-header .phone video {
    position: absolute;
}

.container-options {
    width: 100%;
}

.container-options h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    color: #595F62;
    text-align: center;
}

.container-options .action-button {
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    position: relative;
}

.container-options .action-button .internal-circle {
    background-color: #88C239;
    border: #E4F3E7 1px solid;
    color: #FFFFFF;
    position: absolute;
    text-align: center;
}

.container-options .action-button h3 {
    color: #5A5B5D;
    text-align: center;
}

.container-options .action-button h5 {
    color: #727272;
    text-align: center;
}

.call-to-action-one {
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto 100%;
}

.call-to-action-one h1 {
    color: #F2F9FA;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
}

.call-to-action-one h5 {
    color: #F2F9FA;
}

.call-to-action-one .action-images {
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto 100%;
}

.call-to-action-two {
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto 100%;
}

.call-to-action-two h1 {
    color: #F2F9FA;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
}

.call-to-action-two h5 {
    color: #F2F9FA;
}

.call-to-action-two .action-images {
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto 100%;
}

.page-navigation {
    position: absolute;
    height: 100%;
    z-index: 10;
}

.page-navigation .icon {}

.implementation {
    position: relative;
}

.implementation h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    text-align: center;
}

.implementation .accordian-header {
    position: relative;
    border: 1px #7CB5C0 solid;
    cursor: pointer;
    font-family: 'Comfortaa', cursive;
    font-weight: 400;
    color: #777777;
}

.implementation .accordian-content {
    position: relative;
    overflow: hidden;
    height: 0;
}

.implementation .accordian-header .expand-arrow {
    position: absolute;
    border: 1px #7CB5C0 solid;
    color: #7CB5C0;
}

.implementation .accordian-content .accordian-step {}

.implementation .accordian-content .accordian-step .step-image {
    border: 1px #7CB5C0 solid;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    float: left;
}

.implementation .accordian-content .accordian-step .step-image .counter {
    position: absolute;
    background-color: #8AC23D;
    color: #C4E88E;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
}

.implementation .accordian-content .accordian-step .step-image .bottom-step {
    position: absolute;
    background-color: #8AC23D;
    color: #C4E88E;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
}

.implementation .accordian-content .accordian-step .step-description {
    position: relative;
    display: table;
    float: left;
}

.implementation .accordian-content .accordian-step .step-description .step-description-center {
    display: table-cell;
    margin: auto auto;
    vertical-align: middle;
}

.implementation .accordian-content .accordian-step .step-description .step-description-center h5 {
    font-family: 'Comfortaa', cursive;
    font-weight: 400;
    color: #737373;
}

.projects {
    width: 100%;
    position: relative;
    padding: 0;
    padding-bottom: 5vw;
}

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

.projects .project-content {
    width: 100%;
    position: relative;
    background-repeat: repeat;
}

.projects .project-footer {
    width: 100%;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.projects .project-content h2 {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
}

.projects .company-row {
    width: 100%;
    position: relative;
}

.projects .company-row h5 {
    font-family: 'Comfortaa', cursive;
    font-weight: 400;
    color: #70787B;
}

.projects .company-row p {
    font-family: 'Comfortaa', cursive;
    font-weight: 400;
    color: #70787B;
}

.projects .projects-row {
    width: 100%;
    position: relative;
}

.projects .projects-row .display {
    float: left;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.projects .projects-row .project-description {
    float: left;
    position: relative;
    display: table;
    vertical-align: middle;
}

.projects .projects-row .project-description .center-middle-text {
    display: table-cell;
    vertical-align: middle;
}

.projects .projects-row .project-description .center-middle-text h5 {
    font-family: 'Comfortaa', cursive;
    font-weight: 400;
    color: #666B6E;
}

.projects .projects-row .project-description .center-middle-text p {
    font-family: 'Comfortaa', cursive;
    font-weight: 400;
    color: #767A7B;
}

@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
    }
}

@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
    }
}


/* 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: 108vw;
        background-image: url('images/ytuitive-mobile/header-mobile-bg.png');
        padding-bottom: 2vw;
    }
    .container-header h1 {
        margin-left: 11.5vw;
        margin-top: 2vw;
    }
    .container-header h4 {
        margin-left: 7.5vw;
    }
    .container-header p {
        margin-left: 7.5vw;
        font-size: 2.8vw;
    }
    .container-header .firstparagraph {
        margin-top: 1.5vw;
    }
    .container-header .header-description {
        margin-top: -27.5vw;
        width: 100%;
        margin-left: 0;
        padding-left: 2vw;
        padding-right: 2vw;
        text-align: center;
    }
    .container-header .phone {
        background-image: url('images/ytuitive-mobile/phone.png');
        height: 35vw;
        width: 85vw;
        position: relative;
        margin: auto;
        top: 48vw;
    }
    .container-header .phone .play-button {
        left: calc(50% - 5vw);
        width: 10vw;
        height: 10vw;
        top: calc(50% - 6vw);
        font-size: 6vw;
        border-radius: 5vw;
        line-height: 9vw;
        padding-left: 0.7vw;
    }
    .container-header .phone video {
        position: absolute;
        width: 49.4vw;
        left: 17.4vw;
        top: 1.9vw;
    }
    .container-options {
        margin-top: 42vw;
    }
    .container-options h2 {
        width: 100%;
    }
    .container-options .action-buttons {
        margin-top: 5vw;
        margin-bottom: 4vw;
    }
    .container-options .action-button {
        height: 61vw;
        background-image: url('images/home/action-button-circle.png');
        margin-bottom: 10vw;
        margin-top: 10vw;
    }
    .container-options .action-button .internal-circle {
        width: 18vw;
        height: 18vw;
        left: calc(50% - 9vw);
        top: -9vw;
        border-radius: 9vw;
        line-height: 16vw;
        font-size: 9vw;
    }
    .container-options .action-button h3 {
        margin-top: 13vw;
        width: 60%;
        margin-left: 20%;
        height: 6vw;
    }
    .container-options .action-button h5 {
        margin-top: 11vw;
        width: 70%;
        margin-left: 15%;
        font-size: 3vw;
    }
    .call-to-action-one {
        background-image: url('images/ytuitive-mobile/call-to-action-mobile-one.png');
        height: 97vw;
        margin-bottom: 5vw;
        background-position: center;
    }
    .call-to-action-one h1 {
        width: 100%;
        padding-top: 10vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .call-to-action-one h5 {
        width: 100%;
        padding-top: 1vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .call-to-action-one button {
        margin-top: 3vw;
        margin-left: 2.5vw;
    }
    .call-to-action-one .action-images {
        position: absolute;
        top: 8vw;
        right: 8vw;
        width: 25vw;
        height: 32vw;
        background-image: url('images/ytuitive-mobile/call-to-action-one-images.png');
        display: none;
    }
    .implementation {
        padding-top: 2vw;
        padding-bottom: 3vw;
    }
    .implementation h2 {
        width: 100%;
        padding-bottom: 6vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .implementation .accordian-header {
        width: 76vw;
        margin-left: 10.5vw;
        margin-top: 0vw;
        height: 17vw;
        border-radius: 2vw;
        padding-left: 1vw;
        padding-right: 10vw;
        font-size: 3vw;
    }
    .implementation .accordian-header .expand-arrow {
        right: 1.2vw;
        height: 8vw;
        width: 8vw;
        top: 4.15vw;
        border-radius: 4vw;
        text-align: center;
        line-height: 1.6vw;
    }
    .implementation .accordian-header .expand-arrow i {
        font-size: 6vw;
        line-height: 8.8vw;
    }
    .implementation .accordian-content {
        margin-bottom: 2vw;
    }
    .implementation .accordian-content .accordian-step {
        padding-left: 2.1vw;
        margin-top: 10vw;
    }
    .implementation .accordian-content .accordian-step .step-image {
        width: 20vw;
        height: 20vw;
        border-radius: 10vw;
        background-size: 100% 100%;
    }
    .implementation .accordian-content .accordian-step .step-image .counter {
        width: 10vw;
        height: 10vw;
        left: 5vw;
        top: -5vw;
        border-radius: 5vw;
        line-height: 10vw;
        font-size: 7.4vw;
    }
    .implementation .accordian-content .accordian-step .step-image .bottom-step {
        width: 3vw;
        height: 3vw;
        left: 3.5vw;
        bottom: -1vw;
        border-radius: 1.5vw;
        line-height: 3vw;
        font-size: 2vw;
        display: none;
    }
    .implementation .accordian-content .accordian-step .step-description {
        width: calc(100% - 20vw);
    }
    .implementation .accordian-content .accordian-step .step-description h5 {
        padding-left: 1.5vw;
        padding-right: 1.5vw;
    }
    .implementation .accordian-content .accordion-row {
        padding-bottom: 1vw;
    }
    .projects {}
    .projects .project-header {
        background-image: url('images/ytuitive-mobile/projects-header-bg.png');
        height: 8vw;
    }
    .projects .project-content {
        background-image: url('images/ytuitive-mobile/projects-bg.png');
    }
    .projects .project-content h2 {
        margin: 0;
        padding: 0;
        padding-top: 9vw;
        padding-left: 8.5vw;
        padding-right: 8.5vw;
    }
    .projects .project-footer {
        background-image: url('images/ytuitive-mobile/projects-footer-bg.png');
        height: 10.2vw;
    }
    .projects .company-row {
        padding-top: 8vw;
    }
    .projects .company-row h5 {
        padding-left: 3.1vw;
        font-size: 5.2vw;
    }
    .projects .company-row p {
        padding-left: 3.1vw;
        font-size: 2.6vw;
    }
    .projects .projects-row {
        padding-top: 2vw;
    }
    .projects .projects-row .display {
        width: 32vw;
        height: 29vw;
        background-image: url('images/ytuitive-mobile/project-display.png');
        display: none;
        margin-left: 2vw;
    }
    .projects .projects-row .display img {
        position: absolute;
        left: 6.4vw;
        width: 19vw;
        height: 12vw;
        top: 7.2vw;
    }
    .projects .projects-row .project-description {
        height: 13vw;
        width: 85vw;
    }
    .projects .projects-row .project-description .center-middle-text {
        padding-left: 3vw;
        padding-right: 3vw;
    }
    .projects .projects-row .project-description .center-middle-text p {
        font-size: 2.7vw;
    }
    .call-to-action-two {
        background-image: url('images/ytuitive-mobile/call-to-action-mobile-two.png');
        height: 120vw;
        margin-bottom: 8vw;
        background-position: center;
        margin-top: 5vw;
    }
    .call-to-action-two h1 {
        width: 100%;
        padding-top: 16vw;
        font-size: 9.5vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .call-to-action-two h5 {
        width: 100%;
        padding-top: 3vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        padding-right: 2vw;
        padding-left: 2vw;
    }
    .call-to-action-two button {
        margin-top: 6vw;
        margin-left: 2vw;
    }
    .page-navigation {
        top: 0;
        left: 5vw;
        width: 5vw;
        display: none;
    }
    .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 .slider-icon {
        margin-top: 2vw;
    }
    .page-navigation .home-icon {
        margin-top: 6.5vw;
    }
    .page-navigation .home-line {
        height: 2.5vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
    }
    .page-navigation .slider-line {
        height: 74.7vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
    }
    .page-navigation .options-line-one {
        height: 53.7vw;
        margin-top: 3.7vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .options-line-two {
        height: 345vw;
        margin-top: 2vw;
        margin-left: 02.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .call-to-action-line-one {
        height: 16.4vw;
        margin-top: 4.7vw;
        margin-left: 2.3vw;
    }
    .page-navigation .call-to-action-line-two {
        height: 55.4vw;
        margin-top: 1.5vw;
        margin-left: 2.3vw;
    }
    .page-navigation .projects-line-one {
        height: 24vw;
        margin-top: 5.5vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .projects-line-two {
        height: 77vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .realized-line-one {
        height: 18vw;
        margin-top: 2.8vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .realized-line-two {
        height: 484vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .realized-line-three {
        height: 19.2vw;
        margin-top: 2.5vw;
        margin-left: 2.3vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .call-to-action-q-line-one {
        height: 22.2vw;
        margin-top: 5.5vw;
        margin-left: 2.3vw;
    }
    .page-navigation .call-to-action-q-line-two {
        height: 65vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
    }
}


/* 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;
    }
    p {
        font-size: 3.5vw;
    }
    .container-header {
        height: 108vw;
        background-image: url('images/ytuitive-mobile/header-mobile-bg.png');
        padding-bottom: 2vw;
    }
    .container-header h1 {
        margin-left: 11.5vw;
        margin-top: 2vw;
    }
    .container-header h4 {
        margin-left: 7.5vw;
    }
    .container-header p {
        margin-left: 7.5vw;
        font-size: 2.8vw;
    }
    .container-header .firstparagraph {
        margin-top: 1.5vw;
    }
    .container-header .header-description {
        margin-top: -27.5vw;
        width: 100%;
        margin-left: 0;
        padding-left: 2vw;
        padding-right: 2vw;
        text-align: center;
    }
    .container-header .phone {
        background-image: url('images/ytuitive-mobile/phone.png');
        height: 35vw;
        width: 85vw;
        position: relative;
        margin: auto;
        top: 48vw;
    }
    .container-header .phone .play-button {
        left: calc(50% - 5vw);
        width: 10vw;
        height: 10vw;
        top: calc(50% - 6vw);
        font-size: 6vw;
        border-radius: 5vw;
        line-height: 9vw;
        padding-left: 0.7vw;
    }
    .container-header .phone video {
        position: absolute;
        width: 49.4vw;
        left: 17.4vw;
        top: 1.9vw;
    }
    .container-options {
        margin-top: 42vw;
    }
    .container-options h2 {
        width: 100%;
    }
    .container-options .action-buttons {
        margin-top: 5vw;
        margin-bottom: 4vw;
    }
    .container-options .action-button {
        height: 61vw;
        background-image: url('images/home/action-button-circle.png');
        margin-bottom: 10vw;
        margin-top: 10vw;
    }
    .container-options .action-button .internal-circle {
        width: 18vw;
        height: 18vw;
        left: calc(50% - 9vw);
        top: -9vw;
        border-radius: 9vw;
        line-height: 16vw;
        font-size: 9vw;
    }
    .container-options .action-button h3 {
        margin-top: 13vw;
        width: 60%;
        margin-left: 20%;
        height: 6vw;
    }
    .container-options .action-button h5 {
        margin-top: 11vw;
        width: 70%;
        margin-left: 15%;
        font-size: 3vw;
    }
    .call-to-action-one {
        background-image: url('images/ytuitive-mobile/call-to-action-mobile-one.png');
        height: 97vw;
        margin-bottom: 5vw;
        background-position: center;
    }
    .call-to-action-one h1 {
        width: 100%;
        padding-top: 10vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .call-to-action-one h5 {
        width: 100%;
        padding-top: 1vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .call-to-action-one button {
        margin-top: 3vw;
        margin-left: 2.5vw;
    }
    .call-to-action-one .action-images {
        position: absolute;
        top: 8vw;
        right: 8vw;
        width: 25vw;
        height: 32vw;
        background-image: url('images/ytuitive-mobile/call-to-action-one-images.png');
        display: none;
    }
    .implementation {
        padding-top: 2vw;
        padding-bottom: 3vw;
    }
    .implementation h2 {
        width: 100%;
        padding-bottom: 6vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .implementation .accordian-header {
        width: 76vw;
        margin-left: 10.5vw;
        margin-top: 0vw;
        height: 17vw;
        border-radius: 2vw;
        padding-left: 1vw;
        padding-right: 10vw;
        font-size: 3vw;
    }
    .implementation .accordian-header .expand-arrow {
        right: 1.2vw;
        height: 8vw;
        width: 8vw;
        top: 4.15vw;
        border-radius: 4vw;
        text-align: center;
        line-height: 1.6vw;
    }
    .implementation .accordian-header .expand-arrow i {
        font-size: 6vw;
        line-height: 8.8vw;
    }
    .implementation .accordian-content {
        margin-bottom: 2vw;
    }
    .implementation .accordian-content .accordian-step {
        padding-left: 2.1vw;
        margin-top: 10vw;
    }
    .implementation .accordian-content .accordian-step .step-image {
        width: 20vw;
        height: 20vw;
        border-radius: 10vw;
        background-size: 100% 100%;
    }
    .implementation .accordian-content .accordian-step .step-image .counter {
        width: 10vw;
        height: 10vw;
        left: 5vw;
        top: -5vw;
        border-radius: 5vw;
        line-height: 10vw;
        font-size: 7.4vw;
    }
    .implementation .accordian-content .accordian-step .step-image .bottom-step {
        width: 3vw;
        height: 3vw;
        left: 3.5vw;
        bottom: -1vw;
        border-radius: 1.5vw;
        line-height: 3vw;
        font-size: 2vw;
        display: none;
    }
    .implementation .accordian-content .accordian-step .step-description {
        width: calc(100% - 20vw);
    }
    .implementation .accordian-content .accordian-step .step-description h5 {
        padding-left: 1.5vw;
        padding-right: 1.5vw;
    }
    .implementation .accordian-content .accordion-row {
        padding-bottom: 1vw;
    }
    .projects {}
    .projects .project-header {
        background-image: url('images/ytuitive-mobile/projects-header-bg.png');
        height: 8vw;
    }
    .projects .project-content {
        background-image: url('images/ytuitive-mobile/projects-bg.png');
    }
    .projects .project-content h2 {
        margin: 0;
        padding: 0;
        padding-top: 9vw;
        padding-left: 8.5vw;
        padding-right: 8.5vw;
    }
    .projects .project-footer {
        background-image: url('images/ytuitive-mobile/projects-footer-bg.png');
        height: 10.2vw;
    }
    .projects .company-row {
        padding-top: 8vw;
    }
    .projects .company-row h5 {
        padding-left: 3.1vw;
        font-size: 5.2vw;
    }
    .projects .company-row p {
        padding-left: 3.1vw;
        font-size: 2.6vw;
    }
    .projects .projects-row {
        padding-top: 2vw;
    }
    .projects .projects-row .display {
        width: 32vw;
        height: 29vw;
        background-image: url('images/ytuitive-mobile/project-display.png');
        display: none;
        margin-left: 2vw;
    }
    .projects .projects-row .display img {
        position: absolute;
        left: 6.4vw;
        width: 19vw;
        height: 12vw;
        top: 7.2vw;
    }
    .projects .projects-row .project-description {
        height: 13vw;
        width: 85vw;
    }
    .projects .projects-row .project-description .center-middle-text {
        padding-left: 3vw;
        padding-right: 3vw;
    }
    .projects .projects-row .project-description .center-middle-text p {
        font-size: 2.7vw;
    }
    .call-to-action-two {
        background-image: url('images/ytuitive-mobile/call-to-action-mobile-two.png');
        height: 120vw;
        margin-bottom: 8vw;
        background-position: center;
        margin-top: 5vw;
    }
    .call-to-action-two h1 {
        width: 100%;
        padding-top: 16vw;
        font-size: 9.5vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .call-to-action-two h5 {
        width: 100%;
        padding-top: 3vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        padding-right: 2vw;
        padding-left: 2vw;
    }
    .call-to-action-two button {
        margin-top: 6vw;
        margin-left: 2vw;
    }
    .page-navigation {
        display: none;
    }
}


/* Medium */

@media (min-width: 768px) and (max-width: 991px) {
    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: 108vw;
        background-image: url('images/ytuitive-mobile/header-mobile-bg.png');
        padding-bottom: 2vw;
    }
    .container-header h1 {
        margin-left: 11.5vw;
        margin-top: 2vw;
    }
    .container-header h4 {
        margin-left: 7.5vw;
    }
    .container-header p {
        margin-left: 7.5vw;
        font-size: 2.8vw;
    }
    .container-header .firstparagraph {
        margin-top: 1.5vw;
    }
    .container-header .header-description {
        margin-top: -27.5vw;
        width: 100%;
        margin-left: 0;
        padding-left: 2vw;
        padding-right: 2vw;
        text-align: center;
    }
    .container-header .phone {
        background-image: url('images/ytuitive-mobile/phone.png');
        height: 35vw;
        width: 85vw;
        position: relative;
        margin: auto;
        top: 48vw;
    }
    .container-header .phone .play-button {
        left: calc(50% - 5vw);
        width: 10vw;
        height: 10vw;
        top: calc(50% - 6vw);
        font-size: 6vw;
        border-radius: 5vw;
        line-height: 9vw;
        padding-left: 0.7vw;
    }
    .container-header .phone video {
        position: absolute;
        width: 49.4vw;
        left: 17.4vw;
        top: 1.9vw;
    }
    .container-options {
        margin-top: 42vw;
    }
    .container-options h2 {
        width: 100%;
    }
    .container-options .action-buttons {
        margin-top: 5vw;
        margin-bottom: 4vw;
    }
    .container-options .action-button {
        height: 61vw;
        background-image: url('images/home/action-button-circle.png');
        margin-bottom: 10vw;
        margin-top: 10vw;
    }
    .container-options .action-button .internal-circle {
        width: 18vw;
        height: 18vw;
        left: calc(50% - 7vw);
        top: -9vw;
        border-radius: 9vw;
        line-height: 16vw;
        font-size: 9vw;
    }
    .container-options .action-button h3 {
        margin-top: 13vw;
        width: 60%;
        margin-left: 20%;
        height: 6vw;
    }
    .container-options .action-button h5 {
        margin-top: 11vw;
        width: 70%;
        margin-left: 15%;
        font-size: 3vw;
    }
    .call-to-action-one {
        background-image: url('images/ytuitive-mobile/call-to-action-mobile-one.png');
        height: 97vw;
        margin-bottom: 5vw;
        background-position: center;
    }
    .call-to-action-one h1 {
        width: 100%;
        padding-top: 10vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .call-to-action-one h5 {
        width: 100%;
        padding-top: 1vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .call-to-action-one button {
        margin-top: 3vw;
        margin-left: 2.5vw;
    }
    .call-to-action-one .action-images {
        position: absolute;
        top: 8vw;
        right: 8vw;
        width: 25vw;
        height: 32vw;
        background-image: url('images/ytuitive-mobile/call-to-action-one-images.png');
        display: none;
    }
    .implementation {
        padding-top: 2vw;
        padding-bottom: 3vw;
    }
    .implementation h2 {
        width: 100%;
        padding-bottom: 6vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .implementation .accordian-header {
        width: 76vw;
        margin-left: 10.5vw;
        margin-top: 0vw;
        height: 17vw;
        border-radius: 2vw;
        padding-left: 1vw;
        padding-right: 10vw;
        font-size: 3vw;
    }
    .implementation .accordian-header .expand-arrow {
        right: 1.2vw;
        height: 8vw;
        width: 8vw;
        top: 4.15vw;
        border-radius: 4vw;
        text-align: center;
        line-height: 1.6vw;
    }
    .implementation .accordian-header .expand-arrow i {
        font-size: 6vw;
        line-height: 8.8vw;
    }
    .implementation .accordian-content {
        margin-bottom: 2vw;
    }
    .implementation .accordian-content .accordian-step {
        padding-left: 2.1vw;
        margin-top: 10vw;
    }
    .implementation .accordian-content .accordian-step .step-image {
        width: 20vw;
        height: 20vw;
        border-radius: 10vw;
        background-size: 100% 100%;
    }
    .implementation .accordian-content .accordian-step .step-image .counter {
        width: 10vw;
        height: 10vw;
        left: 5vw;
        top: -5vw;
        border-radius: 5vw;
        line-height: 10vw;
        font-size: 7.4vw;
    }
    .implementation .accordian-content .accordian-step .step-image .bottom-step {
        width: 3vw;
        height: 3vw;
        left: 3.5vw;
        bottom: -1vw;
        border-radius: 1.5vw;
        line-height: 3vw;
        font-size: 2vw;
        display: none;
    }
    .implementation .accordian-content .accordian-step .step-description {
        width: calc(100% - 20vw);
    }
    .implementation .accordian-content .accordian-step .step-description h5 {
        padding-left: 1.5vw;
        padding-right: 1.5vw;
    }
    .implementation .accordian-content .accordion-row {
        padding-bottom: 1vw;
    }
    .projects {}
    .projects .project-header {
        background-image: url('images/ytuitive-mobile/projects-header-bg.png');
        height: 8vw;
    }
    .projects .project-content {
        background-image: url('images/ytuitive-mobile/projects-bg.png');
    }
    .projects .project-content h2 {
        margin: 0;
        padding: 0;
        padding-top: 9vw;
        padding-left: 8.5vw;
        padding-right: 8.5vw;
    }
    .projects .project-footer {
        background-image: url('images/ytuitive-mobile/projects-footer-bg.png');
        height: 10.2vw;
    }
    .projects .company-row {
        padding-top: 8vw;
    }
    .projects .company-row h5 {
        padding-left: 3.1vw;
        font-size: 5.2vw;
    }
    .projects .company-row p {
        padding-left: 3.1vw;
        font-size: 2.6vw;
    }
    .projects .projects-row {
        padding-top: 2vw;
    }
    .projects .projects-row .display {
        width: 32vw;
        height: 29vw;
        background-image: url('images/ytuitive-mobile/project-display.png');
        display: none;
        margin-left: 2vw;
    }
    .projects .projects-row .display img {
        position: absolute;
        left: 6.4vw;
        width: 19vw;
        height: 12vw;
        top: 7.2vw;
    }
    .projects .projects-row .project-description {
        height: 13vw;
        width: 85vw;
    }
    .projects .projects-row .project-description .center-middle-text {
        padding-left: 3vw;
        padding-right: 3vw;
    }
    .projects .projects-row .project-description .center-middle-text p {
        font-size: 2.7vw;
    }
    .call-to-action-two {
        background-image: url('images/ytuitive-mobile/call-to-action-mobile-two.png');
        height: 120vw;
        margin-bottom: 8vw;
        background-position: center;
        margin-top: 5vw;
    }
    .call-to-action-two h1 {
        width: 100%;
        padding-top: 16vw;
        font-size: 9.5vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .call-to-action-two h5 {
        width: 100%;
        padding-top: 3vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        padding-right: 2vw;
        padding-left: 2vw;
    }
    .call-to-action-two button {
        margin-top: 6vw;
        margin-left: 2vw;
    }
    .page-navigation {
        display: none;
    }
}


/* Large */

@media (min-width: 992px) and (max-width: 1199px) {
    h1 {
        font-size: 4.5vw;
    }
    h2 {
        font-size: 2.5vw;
    }
    h3 {
        font-size: 1.7vw;
    }
    h4 {
        font-size: 1.6vw;
    }
    h5 {
        font-size: 1.2vw;
    }
    button {
        font-size: 1.2vw;
    }
    .container-header {
        width: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        position: relative;
        height: 49vw;
        background-image: url('images/ytuitive-mobile/header-bg.png');
        padding-bottom: 2vw;
    }
    .container-header h1 {
        margin-left: 11.5vw;
        margin-top: 2vw;
    }
    .container-header h4 {
        margin-left: 3.5vw;
    }
    .container-header p {
        margin-left: 3.5vw;
        font-size: 1.2vw;
    }
    .container-header .firstparagraph {
        margin-top: 1.5vw;
    }
    .container-header .header-description {
        margin-left: 11.5vw;
        margin-top: 1.5vw;
        width: 74vw;
    }
    .container-header .phone {
        background-image: url('images/ytuitive-mobile/phone.png');
        height: 16vw;
        margin-top: -3vw;
    }
    .container-header .phone .play-button {
        left: calc(50% - 2.5vw);
        width: 5vw;
        height: 5vw;
        top: calc(50% - 3vw);
        font-size: 2vw;
        border-radius: 2.5vw;
        line-height: 5vw;
        padding-left: 0.3vw;
    }
    .container-header .phone video {
        position: absolute;
        width: 22.4vw;
        left: 8.4vw;
        top: 0.8vw;
    }
    .container-options {
        margin-top: 5vw;
    }
    .container-options h2 {
        width: 43vw;
        margin: auto;
    }
    .container-options .action-buttons {
        margin-top: 5vw;
        margin-bottom: 4vw;
    }
    .container-options .action-button {
        height: 22vw;
        background-image: url('images/home/action-button-circle.png');
        margin-bottom: 5vw;
    }
    .container-options .action-button .internal-circle {
        width: 6vw;
        height: 6vw;
        left: calc(50% - 2.6vw);
        top: -2.7vw;
        border-radius: 3vw;
        line-height: 4.7vw;
        font-size: 2.3vw;
    }
    .container-options .action-button h3 {
        margin-top: 6vw;
        width: 50%;
        margin-left: 25%;
        font-size: 1.6vw;
        height: 5vw;
    }
    .container-options .action-button h5 {
        font-size: 1vw;
        margin-top: 1vw;
        width: 50%;
        margin-left: 25%;
    }
    .call-to-action-one {
        background-image: url('images/ytuitive-mobile/call-to-action-one.png');
        height: 34vw;
        margin-bottom: 5vw;
    }
    .call-to-action-one h1 {
        width: 57vw;
        margin-left: 10vw;
        padding-top: 7vw;
        font-size: 4vw;
    }
    .call-to-action-one h5 {
        width: 40vw;
        margin-left: 10vw;
        padding-top: 1vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
    }
    .call-to-action-one button {
        margin-top: 3vw;
        margin-left: 10vw;
        padding-left: 1.5vw;
        padding-right: 1.5vw;
        padding-top: 1vw;
        padding-bottom: 1vw;
    }
    .call-to-action-one .action-images {
        position: absolute;
        top: 8vw;
        right: 8vw;
        width: 25vw;
        height: 32vw;
        background-image: url('images/ytuitive-mobile/call-to-action-one-images.png');
    }
    .implementation {
        padding-top: 2vw;
        padding-bottom: 3vw;
    }
    .implementation h2 {
        width: 60vw;
        margin: auto;
        padding-bottom: 2vw;
    }
    .implementation .accordian-header {
        width: 76vw;
        margin-left: 10.5vw;
        margin-top: 0vw;
        height: 3vw;
        border-radius: 1vw;
        line-height: 3vw;
        padding-left: 1vw;
        font-size: 1vw;
    }
    .implementation .accordian-header .expand-arrow {
        right: 0.8vw;
        height: 2vw;
        width: 2vw;
        top: 0.3vw;
        border-radius: 2.8vw;
        text-align: center;
        line-height: 1.6vw;
    }
    .implementation .accordian-header .expand-arrow i {
        font-size: 1.3vw;
        line-height: 2vw;
        margin-right: 6%;
    }
    .implementation .accordian-content {
        margin-bottom: 2vw;
    }
    .implementation .accordian-content .accordian-step {
        padding-left: 2.1vw;
        margin-top: 3vw;
    }
    .implementation .accordian-content .accordian-step .step-image {
        width: 10vw;
        height: 10vw;
        border-radius: 5vw;
        background-size: 100% 100%;
    }
    .implementation .accordian-content .accordian-step .step-image .counter {
        width: 2.5vw;
        height: 2.5vw;
        left: 3.75vw;
        top: -1vw;
        border-radius: 1.5vw;
        line-height: 2.5vw;
        font-size: 1.4vw;
    }
    .implementation .accordian-content .accordian-step .step-image .bottom-step {
        width: 3vw;
        height: 3vw;
        left: 3.5vw;
        bottom: -1vw;
        border-radius: 1.5vw;
        line-height: 3vw;
        font-size: 2vw;
        display: none;
    }
    .implementation .accordian-content .accordian-step .step-description {
        height: 10vw;
        width: calc(100% - 10vw);
    }
    .implementation .accordian-content .accordian-step .step-description h5 {
        padding-left: 1.5vw;
        padding-right: 1.5vw;
    }
    .implementation .accordian-content .accordion-row {
        padding-bottom: 1vw;
    }
    .projects {}
    .projects .project-header {
        background-image: url('images/ytuitive-mobile/projects-header-bg.png');
        height: 8vw;
    }
    .projects .project-content {
        background-image: url('images/ytuitive-mobile/projects-bg.png');
    }
    .projects .project-content h2 {
        margin: 0;
        padding: 0;
    }
    .projects .project-footer {
        background-image: url('images/ytuitive-mobile/projects-footer-bg.png');
        height: 10.2vw;
    }
    .projects .company-row {
        padding-top: 2vw;
    }
    .projects .company-row h5 {
        padding-left: 3.1vw;
        font-size: 1.6vw;
    }
    .projects .company-row p {
        padding-left: 3.1vw;
        font-size: 0.9vw;
    }
    .projects .projects-row {
        padding-top: 2vw;
    }
    .projects .projects-row .display {
        width: 16vw;
        height: 13vw;
        background-image: url('images/ytuitive-mobile/project-display.png');
        margin-left: 2vw;
    }
    .projects .projects-row .display img {
        position: absolute;
        left: 3.3vw;
        width: 9.39vw;
        height: 6vw;
        top: 2.8vw;
    }
    .projects .projects-row .project-description {
        height: 13vw;
        width: calc(100% - 18vw);
    }
    .projects .projects-row .project-description .center-middle-text {
        padding-left: 3vw;
        padding-right: 3vw;
    }
    .projects .projects-row .project-description .center-middle-text p {
        font-size: 1vw;
    }
    .projects .projects-row .project-description .center-middle-text h5 {
        font-size: 1.5vw;
    }
    .call-to-action-two {
        background-image: url('images/ytuitive-mobile/call-to-action-two.png');
        height: 34vw;
        margin-bottom: 5vw;
    }
    .call-to-action-two h1 {
        width: 57vw;
        margin-left: 10vw;
        padding-top: 7vw;
        font-size: 4vw;
    }
    .call-to-action-two h5 {
        width: 40vw;
        margin-left: 10vw;
        padding-top: 1vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
    }
    .call-to-action-two button {
        margin-top: 3vw;
        margin-left: 10vw;
    }
    .page-navigation {
        top: 0;
        left: 5vw;
        width: 5vw;
    }
    .page-navigation .icon {
        width: 1.8vw;
        height: 1.8vw;
        text-align: center;
        line-height: 1.5vw;
        border-radius: 0.9vw;
        font-size: 1vw;
    }
    .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 .slider-icon {
        margin-top: 1.5vw;
    }
    .page-navigation .home-icon {
        margin-top: 2.5vw;
    }
    .page-navigation .home-line {
        height: 2.5vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .slider-line {
        height: 21.7vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .options-line-one {
        height: 11.7vw;
        margin-top: 1.7vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .options-line-two {
        height: 72vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .call-to-action-line-one {
        height: 6.4vw;
        margin-top: 1.7vw;
        margin-left: 0.85vw;
    }
    .page-navigation .call-to-action-line-two {
        height: 19.4vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
    }
    .page-navigation .projects-line-one {
        height: 9vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .projects-line-two {
        height: 11vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .realized-line-one {
        height: 4vw;
        margin-top: 1.8vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .realized-line-two {
        height: 126vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .realized-line-three {
        height: 8.2vw;
        margin-top: 2.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .call-to-action-q-line-one {
        height: 7.2vw;
        margin-top: 2.5vw;
        margin-left: 0.85vw;
    }
    .page-navigation .call-to-action-q-line-two {
        height: 18vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
    }
}


/* Extra large */

@media (min-width: 1200px) {
    h1 {
        font-size: 4.5vw;
    }
    h2 {
        font-size: 1.7vw;
    }
    h3 {
        font-size: 1.7vw;
    }
    h4 {
        font-size: 1.3vw;
    }
    h5 {
        font-size: 0.9vw;
    }
    button {
        font-size: 0.9vw;
    }
    .container-header {
        height: 42vw;
        background-image: url('images/ytuitive-mobile/header-bg.png');
        padding-bottom: 2vw;
    }
    .container-header h1 {
        margin-left: 11.5vw;
        margin-top: 2vw;
    }
    .container-header h4 {
        margin-left: 3.5vw;
    }
    .container-header p {
        margin-left: 3.5vw;
        font-size: 0.8vw;
    }
    .container-header .firstparagraph {
        margin-top: 1.5vw;
    }
    .container-header .header-description {
        margin-left: 11.5vw;
        margin-top: 1.5vw;
        width: 74vw;
    }
    .container-header .phone {
        background-image: url('images/ytuitive-mobile/phone.png');
        height: 16vw;
        margin-top: -3vw;
    }
    .container-header .phone .play-button {
        left: calc(50% - 2.5vw);
        width: 5vw;
        height: 5vw;
        top: calc(50% - 3vw);
        font-size: 2vw;
        border-radius: 2.5vw;
        line-height: 5vw;
        padding-left: 0.3vw;
    }
    .container-header .phone video {
        position: absolute;
        width: 22.4vw;
        left: 8.4vw;
        top: 0.8vw;
    }
    .container-options {
        margin-top: 5vw;
    }
    .container-options h2 {
        width: 30vw;
        margin-left: 35vw;
    }
    .container-options .action-buttons {
        margin-top: 5vw;
        margin-bottom: 4vw;
    }
    .container-options .action-button {
        height: 18vw;
        background-image: url('images/home/action-button-circle.png');
    }
    .container-options .action-button .internal-circle {
        width: 5vw;
        height: 5vw;
        left: calc(50% - 2.5vw);
        top: -1.7vw;
        border-radius: 3vw;
        line-height: 4.7vw;
        font-size: 2.3vw;
    }
    .container-options .action-button h3 {
        margin-top: 5vw;
        width: 70%;
        margin-left: 15%;
        font-size: 1.4vw;
        height: 5vw;
    }
    .container-options .action-button h5 {
        font-size: 0.7vw;
        margin-top: 1vw;
        width: 70%;
        margin-left: 15%;
    }
    .call-to-action-one {
        background-image: url('images/ytuitive-mobile/call-to-action-one.png');
        height: 34vw;
        margin-bottom: 5vw;
    }
    .call-to-action-one h1 {
        width: 57vw;
        margin-left: 10vw;
        padding-top: 7vw;
        font-size: 4vw;
    }
    .call-to-action-one h5 {
        width: 40vw;
        margin-left: 10vw;
        padding-top: 1vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
    }
    .call-to-action-one button {
        margin-top: 3vw;
        margin-left: 10vw;
    }
    .call-to-action-one .action-images {
        position: absolute;
        top: 8vw;
        right: 8vw;
        width: 25vw;
        height: 32vw;
        background-image: url('images/ytuitive-mobile/call-to-action-one-images.png');
    }
    .implementation {
        padding-top: 2vw;
        padding-bottom: 3vw;
    }
    .implementation h2 {
        width: 40vw;
        margin-left: 30vw;
        padding-bottom: 2vw;
    }
    .implementation .accordian-header {
        width: 76vw;
        margin-left: 10.5vw;
        margin-top: 0vw;
        height: 2vw;
        border-radius: 1vw;
        line-height: 2vw;
        padding-left: 1vw;
        font-size: 0.8vw;
    }
    .implementation .accordian-header .expand-arrow {
        right: 0.2vw;
        height: 1.6vw;
        width: 1.6vw;
        top: 0.15vw;
        border-radius: 0.8vw;
        text-align: center;
        line-height: 1.6vw;
    }
    .implementation .accordian-header .expand-arrow i {
        font-size: 1vw;
        line-height: 1.8vw;
    }
    .implementation .accordian-content {
        margin-bottom: 2vw;
    }
    .implementation .accordian-content .accordian-step {
        padding-left: 2.1vw;
        margin-top: 3vw;
    }
    .implementation .accordian-content .accordian-step .step-image {
        width: 10vw;
        height: 10vw;
        border-radius: 5vw;
        background-size: 100% 100%;
    }
    .implementation .accordian-content .accordian-step .step-image .counter {
        width: 2.5vw;
        height: 2.5vw;
        left: 3.75vw;
        top: -1vw;
        border-radius: 1.5vw;
        line-height: 2.5vw;
        font-size: 1.4vw;
    }
    .implementation .accordian-content .accordian-step .step-image .bottom-step {
        width: 3vw;
        height: 3vw;
        left: 3.5vw;
        bottom: -1vw;
        border-radius: 1.5vw;
        line-height: 3vw;
        font-size: 2vw;
        display: none;
    }
    .implementation .accordian-content .accordian-step .step-description {
        height: 10vw;
        width: calc(100% - 10vw);
    }
    .implementation .accordian-content .accordian-step .step-description h5 {
        padding-left: 1.5vw;
        padding-right: 1.5vw;
    }
    .implementation .accordian-content .accordion-row {
        padding-bottom: 1vw;
    }
    .projects {}
    .projects .project-header {
        background-image: url('images/ytuitive-mobile/projects-header-bg.png');
        height: 8vw;
    }
    .projects .project-content {
        background-image: url('images/ytuitive-mobile/projects-bg.png');
    }
    .projects .project-content h2 {
        margin: 0;
        padding: 0;
    }
    .projects .project-footer {
        background-image: url('images/ytuitive-mobile/projects-footer-bg.png');
        height: 10.2vw;
    }
    .projects .company-row {
        padding-top: 2vw;
    }
    .projects .company-row h5 {
        padding-left: 3.1vw;
        font-size: 1.2vw;
    }
    .projects .company-row p {
        padding-left: 3.1vw;
        font-size: 0.6vw;
    }
    .projects .projects-row {
        padding-top: 2vw;
    }
    .projects .projects-row .display {
        width: 16vw;
        height: 13vw;
        background-image: url('images/ytuitive-mobile/project-display.png');
        margin-left: 2vw;
    }
    .projects .projects-row .display img {
        position: absolute;
        left: 3.3vw;
        width: 9.39vw;
        height: 6vw;
        top: 2.8vw;
    }
    .projects .projects-row .project-description {
        height: 13vw;
        width: calc(100% - 18vw);
    }
    .projects .projects-row .project-description .center-middle-text {
        padding-left: 3vw;
        padding-right: 3vw;
    }
    .projects .projects-row .project-description .center-middle-text p {
        font-size: 0.7vw;
    }
    .call-to-action-two {
        background-image: url('images/ytuitive-mobile/call-to-action-two.png');
        height: 34vw;
        margin-bottom: 5vw;
    }
    .call-to-action-two h1 {
        width: 57vw;
        margin-left: 10vw;
        padding-top: 7vw;
        font-size: 4vw;
    }
    .call-to-action-two h5 {
        width: 40vw;
        margin-left: 10vw;
        padding-top: 1vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
    }
    .call-to-action-two button {
        margin-top: 3vw;
        margin-left: 10vw;
    }
    .page-navigation {
        top: 0;
        left: 5vw;
        width: 5vw;
    }
    .page-navigation .icon {
        width: 1.8vw;
        height: 1.8vw;
        text-align: center;
        line-height: 1.5vw;
        border-radius: 0.9vw;
        font-size: 1vw;
    }
    .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 .slider-icon {
        margin-top: 1.5vw;
    }
    .page-navigation .home-icon {
        margin-top: 2.5vw;
    }
    .page-navigation .home-line {
        height: 2.5vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .slider-line {
        height: 21.7vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .options-line-one {
        height: 11.7vw;
        margin-top: 1.7vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .options-line-two {
        height: 27vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .call-to-action-line-one {
        height: 6.4vw;
        margin-top: 1.7vw;
        margin-left: 0.85vw;
    }
    .page-navigation .call-to-action-line-two {
        height: 19.4vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
    }
    .page-navigation .projects-line-one {
        height: 9vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .projects-line-two {
        height: 11vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .realized-line-one {
        height: 4vw;
        margin-top: 1.8vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .realized-line-two {
        height: 95vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .realized-line-three {
        height: 8.2vw;
        margin-top: 2.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .call-to-action-q-line-one {
        height: 7.2vw;
        margin-top: 2.5vw;
        margin-left: 0.85vw;
    }
    .page-navigation .call-to-action-q-line-two {
        height: 18vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
    }
}