@media only screen and (max-width: 600px) {
    nav {
        background: #00b3ee;
    }
    .container-fluid.topfoldbg {
        background: #00b3ee;
        position:relative;
    }
    .platform-mac-left {
        position: relative;
        text-align: center;
        color: white;
    }
    .platform-mac-left-text {
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .clarip-platform-icons {
        display: flex;
        flex-flow: column;
        margin: 0;
        padding: 0;
    }
    ul.clarip-platform-icons li {
        display: flex;
        align-items: center; 
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-xl-3.margin-shift p {
        color: white;
        font-size: 1.1rem;
        text-align: center;
    }
    ul.clarip-platform-icons li img {
        margin: 13px auto;
    }
    ul.clarip-platform-icons li img.cloud {
        width: 90px;
    }
    ul.clarip-platform-icons li img.computer {
        width: 90px;
    }
    ul.clarip-platform-icons li img.mobile {
        width: 70px;
    }
    ul.clarip-platform-icons li .col-md-9 {
        font-family: 'hand_of_sean_regular';
        color: white;
        padding: 0 0 0 30px;
        font-size: 1.5rem;
    }
    /*below topfold*/
    .row.center-row img {
        width: 87%;
        margin: 0 auto;
    }
    .row.center-row {
        align-items: end;
        margin: 70px auto;
    }
    .row.center-row2 img {
        width: 87%;
        margin: 0 auto;
    }
    .row.center-row2 {
        align-items: center;
        margin: 70px auto;
    }
    .row.center-row3 {
        align-items: center;
        margin: 0px auto 70px;
    }
    .row.center-row4 {
        align-items: center;
        margin: 70px auto;
    }
    .maincontent {
        padding: 30px 5px 0;
        margin: 0;
        text-align: left;
        line-height: 1.5;
        display: block;
        font-size: 18px;
        font-family: 'open_sanslight';
        font-weight: 100;
    }
    .maincontenttagline {
        font-size: 2rem;
        font-family: 'open_sansextrabold';
        padding: 30px 5px 0;
        margin: 0;
    }
    .maincontenttagline span {
        font-size: 2rem;
        font-family: 'open_sansextrabold';
        -webkit-text-stroke: 2px #2f3638;
    }
    .databubble-frame {
        padding: 0;
    }
}
@media only screen and (min-width: 600px) {
    /*topfold*/
    nav {
        background: #00b3ee;
    }
    .container-fluid.topfoldbg {
        background: #00b3ee;
        position:relative;
    }
    .platform-mac-left {
        position: relative;
        text-align: center;
        color: white;
    }
    .platform-mac-left-text {
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .clarip-platform-icons {
        display: flex;
        flex-flow: column;
        margin: 0;
        padding: 0;
    }
    ul.clarip-platform-icons li {
        display: flex;
        align-items: center; 
    }
    .col-xl-3.margin-shift {
        margin: 0 auto;
        max-width: 600px;
    }
    .col-xl-3.margin-shift p {
        color: white;
        font-size: 1.75rem;
        text-align: center;
    }
    ul.clarip-platform-icons li img {
        margin: 13px auto;
    }
    ul.clarip-platform-icons li img.cloud {
        width: 135px;
    }
    ul.clarip-platform-icons li img.computer {
        width: 100px;
    }
    ul.clarip-platform-icons li img.mobile {
        width: 90px;
    }
    ul.clarip-platform-icons li .col-md-9 {
        font-family: 'hand_of_sean_regular';
        color: white;
        padding: 0 0 0 30px;
        font-size: 2.2rem;
    }
    /*below topfold*/
    .row.center-row img {
        width: 87%;
        margin: 0 auto;
    }
    .row.center-row {
        align-items: end;
        margin: 70px auto;
    }
    .row.center-row2 img {
        width: 87%;
        margin: 0 auto;
    }
    .row.center-row2 {
        align-items: center;
        margin: 70px auto;
    }
    .row.center-row3 {
        align-items: center;
        margin: 0px auto 70px;
    }
    .maincontent {
        padding: 30px 5px 0;
        margin: 0;
        text-align: left;
        line-height: 1.5;
        display: block;
        font-size: 18px;
        font-family: 'open_sanslight';
        font-weight: 100;
    }
    .maincontenttagline {
        font-size: 2rem;
        font-family: 'open_sansregular';
        padding: 30px 5px 0;
        margin: 0;
    }
    .maincontenttagline.left {
        text-align: left;
    }
    .maincontenttagline.center {
        text-align: center;
        margin: 5px auto;
    }
    .maincontenttagline.light {
        font-family: 'open_sanslight';
    }
    .maincontenttagline.bold {
        font-family: 'open_sansextrabold';
    }
    .maincontenttagline span {
        font-size: 2rem;
        font-family: 'open_sansextrabold;
            -webkit-text-stroke: 2px #2f3638;

    }
    .databubble-frame {
        padding: 0;
    }
    hr {
        margin: 20px 0;
        border: 0;
        border-top: 1px solid #b2b2b2;
        border-bottom: 1px solid #fff;
    }
    .maincontenttagline2 {
        font-size: 2.35rem;
        padding: 0px 5px 0;
        margin: 0;
    }
    .maincontenttagline2.center {
        text-align: center;
        margin: 5px auto;
    }
    .maincontenttagline2.light {
        font-family: 'open_sanslight';
    }
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1200px) {
    .platform-mac-left {
        position: relative;
        text-align: center;
        color: white;
    }
    .platform-mac-left-text {
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .clarip-platform-icons {
        display: flex;
        flex-flow: column;
        margin: 0;
        padding: 0;
    }
    ul.clarip-platform-icons li {
        display: flex;
        align-items: center; 
    }
    .col-xl-3.margin-shift {
        margin-left: -92px;
        width: 31%;
        padding: 100px 0 0;
    }
    .col-xl-3.margin-shift p {
        color: white;
        font-size: 1.5rem;
        text-align: left;
    }
    ul.clarip-platform-icons li img {
        margin: 13px auto;
    }
    ul.clarip-platform-icons li img.cloud {
        width: 93%;
        margin: 0;
        padding: 0;    
    }
    ul.clarip-platform-icons li img.mobile {
        width: 62%;
        margin: 20px auto 15px;
        padding: 0;    
    }    
    ul.clarip-platform-icons li img.computer {
        width: 75%;
        margin: 0 auto;
        padding: 0;    
    }
    ul.clarip-platform-icons li .col-md-9 {
        font-family: 'hand_of_sean_regular';
        color: white;
        padding: 0 0 0 15px;
        font-size: 1.8rem;
    }
    /*below topfold*/
    .maincontent {
        padding: 30px 5px 0;
        margin: 0;
        text-align: left;
        line-height: 1.5;
        display: block;
        font-size: 18px;
        font-family: 'open_sanslight';
        font-weight: 100;
    }
    .maincontenttagline {
        font-size: 2.35rem;
        padding: 30px 5px 0;
        margin: 0;
    }
    .maincontenttagline span {
        font-size: 2.35rem;
        font-family: 'open_sansextrabold';
        -webkit-text-stroke: 2px #2f3638;
    }
}
@media only screen and (min-width: 1600px) {
    .row-fix {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: nowrap;
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
    }
    .col-xl-3.margin-shift {
        margin-left: -92px;
        width: 31%;
        padding: 130px 0 0;
    }
    .clarip-platform-icons {
        display: flex;
        flex-flow: column;
        margin: 0;
        padding: 0;
    }
    ul.clarip-platform-icons li .col-md-9 {
        font-size: 2.2rem;
    }
    .col-xl-3.margin-shift p {
        font-size: 1.8rem;
        text-align: left;
    }
    ul.clarip-platform-icons li img.cloud {
        width: 93%;
        margin: 0;
        padding: 0;    
    }
    ul.clarip-platform-icons li img.mobile {
        width: 65%;
        margin: 20px auto 15px;
        padding: 0;    
    }
    ul.clarip-platform-icons li img.computer {
        width: 75%;
        margin: 0 auto;
        padding: 0;    
    }
}