/*  

    Style for page: advertising.php   



*/





/*MARK: -Page General   */

:root {

    --color-cell-border: rgb(211, 211, 211);

    --color-row: #faf9f9;

}





.content-wrapper {

    width: 100%;

    padding-top: 100px;

    color: var(--color-black);

    background-color: #fff;

    background-image: url("../img/advertising/bg.svg");

    background-repeat: no-repeat;

    abackground-size: cover;

    background-position: 100% 0%;

    position: relative;

}



.content-max-width {

    width: 80vw;

    max-width: 1440px;

    margin: 0 auto;

}



/* #justified-headline .row .lines hr {

    background-color: var(--color-darkGray);

} */



.text-headline {

    display: block;

    text-transform: uppercase;

    font-size: 1.4rem;

    letter-spacing: 1px;

    line-height: 1.2em;

    margin-bottom: 40px;

    font-weight: bold;

    padding-right: 0px;

}



.icon-clear {

    font-size: 1.3rem;

    translate: color 0.3;

    font-weight: bold;

    display: inline-block;

    pointer-events: none;

}



.icon-check {

    font-size: 1.3rem;

    translate: color 0.3;

    display: inline-block;

    pointer-events: none;

}



.pricing-table-basic.active .icon-clear {

    color: rgb(238, 79, 39);

}



.pricing-table-basic.active .asterisk {

    color: rgb(238, 79, 39);

}



.pricing-table-basic.active .icon-check {

    color: #22bb43;

}



.asterisk {

    font-size: 1.4rem;

    line-height: unset;

    font-weight: normal;

    color: #000;

    position: relative;

    top: -3px;

    left: -3px;

    pointer-events: none;

    acolor: rgb(238, 79, 39);

    font-family: 'Geeks On The Beach Font Regular', Helvetica, Arial, Lucida, sans-serif;

}



.pricing-table-basic .asterisk {

    font-size: 1.1rem;

    top: -6px;

}









/*MARK: -Intro */



.intro-headline2 {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

}



.intro-headline2 .headline {

    width: 60%;

    height: fit-content;

    font-family: Geeks On The Beach Font Regular, Helvetica, Arial, Lucida, sans-serif;

    color: var(--color-black);

}



.intro-headline2 .headline h1 {

    text-transform: uppercase;

    font-family: Geeks On The Beach Font Regular, Helvetica, Arial, Lucida, sans-serif;

    margin: 100px 0 15px 0;

    line-height: 1.1em;

        font-size: 52px;

        letter-spacing:1px;

}



.intro-headline2 .headline h2 {

    font-family: Geeks On The Beach Font regular, Helvetica, Arial, Lucida, sans-serif;

    letter-spacing:2px;

    text-transform: uppercase;

    margin: 0px 0 20px 0;

    font-size: 1.5rem;

}



.intro-headline2 .headline .paragraf1 {

    width: 80%;

    font-size: 1.2rem;

    font-weight: 500;

    line-height: 1.5em;

    margin-top: 25px;

    font-family: Geeks On The Beach Font Regular, Helvetica, Arial, Lucida, sans-serif;

}



.intro-headline2 .intro-img {

    align-self: flex-end;

    width: 40%;

    max-width: 90%;

    margin-top: 0px;

        margin-top: 20px;

}













/* .intro-heading {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

}



.intro-heading-left {

    flex: 0 1 38%;

} */



/* ul.breadcrumb li:last-child a {

    color: var(--color-darkGray);

} */



/* #justified-headline {

    color: var(--color-darkGray);

} */



/* #justified-headline hr {

    width: 100% !important;

    margin-bottom: 30px;

} */



/* .heading .paragraf-container p {

    color: #000;

    font-size: 1.2rem;

    line-height: 1.6;

    margin-top: 0;

} */



/* .intro-heading .intro-heading-right {

    position: relative;

    margin-top: max(3vw, 50px);

    flex: 0 1 40%;

}



.intro-img-wrapper img {

    max-width: 350px;

    width: 25vw;

    height: auto;

    user-select: none;

    will-change: opacity, transform;

    opacity: 0;

} */







/*MARK: -End-note */

.end-note {

    color: gray;

}



/*MARK: -Glossary */

.glossary {

    display: none;

    width: 250px;

    position: absolute;

    bottom: 36px;

    left: 0px;

    z-index: 99;

    padding: 15px 10px 15px 20px;

    font-size: .9rem;

    font-weight: normal;

    color: rgb(255, 255, 255);

    background-color: var(--color-darkGray);

    border-radius: 7px;

    pointer-events: none;

}



.glossary::after {

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 15px 15px 0 15px;

    border-color: var(--color-darkGray) transparent transparent transparent;

    position: absolute;

    bottom: -14px;

    left: 15%;

    z-index: 3;

}



.question-mark {

    font-size: .6rem;

    color: rgb(160, 160, 160);

    margin-left: 8px;

    position: relative;

    bottom: 1px;

}



.question-mark::after {

    content: '';

    position: absolute;

  left: -4.5px;

    top: -1.5px;

    width: 13px;

    height: 13px;

    border: 1px solid rgb(160, 160, 160);

    border-radius: 50%;

}



/* Touch */

@media (pointer: coarse) {

    .glossary {

        user-select: none;

    }

}







/*MARK: -Plans */

.pricing-overview {

    margin: 100px 0 20px 0;

}



.pricing-plans {

    margin-bottom: 30px;

    display: flex;

    flex-direction: row;

    gap: 2%;

}



.pricing-plans .plan {

    position: relative;

    flex: 0 1 20%;

    padding: 1.5%;

    text-align: center;

    /* border: 1px solid var(--color-cell-border); */

  /* box-shadow: 10px 2px 18px 0px rgb(0 0 0 / 7%); */

        box-shadow: 0px 5px 40px 0px rgba(0,0,0,0.05)!important; 

    border: 1px solid rgb(243 243 243); 

    border-radius: 7px;

    background-color: #fff;

    transition: background-color 0.5s;

}



.pricing-plans .plan.active {

    background-color: var(--color-yellow);

    border: 1px solid transparent;

}



/* first hiden panel */

.pricing-plans .plan:nth-of-type(1) {

    border: none;

    padding-left: 0px;

    background: transparent;

    box-shadow: none !important;

}



.pricing-plans .plan .plan-headline {

    display: block;

    font-size: 1.2rem;

    font-family: 'Geeks On The Beach Font Medium', Helvetica, Arial, Lucida, sans-serif;

    text-transform: uppercase;

    /* important for aligning the text below  - height change im MQ */

    height: 80px;

    letter-spacing:1px;

    margin-top: 20px;

}



.pricing-plans .plan:nth-of-type(1) .plan-headline {

    text-align: left;

    text-transform: uppercase;

    color: var(--color-darkGray);

    font-size: 1.2rem;

}



.pricing-plans .plan .plan-info {

    display: block;

    margin: 20px 0;

}



.pricing-plans .plan .plan-info .time {

    font-family: 'Geeks On The Beach Font Medium', Helvetica, Arial, Lucida, sans-serif;

    color: var(--color-red);

}



.pricing-plans .plan .real-price {

    position: relative;

    z-index: 1;

    display: block;

    margin: 30px auto;

    padding: 7px 10px;

    font-family: 'Geeks On The Beach Font Medium', Helvetica, Arial, Lucida, sans-serif;

    font-size: 1.7rem;

}



.pricing-plans .plan .real-price .dollar-sign {

    position: relative;

    top: -7px;

    left: -3px;

    font-size: 1rem;

}



.pricing-plans .plan .price-bg-container {

    position: relative;

}



.pricing-plans .plan .price-bg {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    z-index: 0;

    top: -80px;

    width: 120px;

}



.pricing-plans img.plan-img {

    width: 60%;
    display: inline-block;

}



.pricing-plans .plan .geeks-btn {

    display: block;

    padding: 10px 16px 8px;

    font-size: 15px;

}



.pricing-plans .best-value {

    outline: 1px solid var(--color-darkGray);

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 7px 7px 0 0;

    width: 100%;

    background-color: var(--color-darkGray);

    color: #fff;

    padding: 3px;

}



.pricing-overview .end-note {

    margin-top: 10px;

    margin-left: 20%;

}









/*MARK: -Plans Table Basic*/

.pricing-overview .pricing-table-basic {

    display: flex;

    flex-direction: row;

    gap: 2%;

}



.pricing-overview .pricing-table-panel {

    flex: 0 1 20%;

    border: 0px solid var(--color-cell-border);

    border-radius: 7px;

    background-color: #fff;

}



.pricing-overview .pricing-table-panel:nth-of-type(1) {

    /*border: none; */

       box-shadow: 0px 5px 40px 0px rgba(0,0,0,0.05)!important; 

    border: 1px solid rgb(243 243 243); 

    padding: 0px 5px 0px 20px;

}



.pricing-overview .pricing-table-panel li {

    height: 70px;

    padding: 10px 20px;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    border-bottom: 1px solid rgb(236, 236, 236);

}





.pricing-overview .pricing-table-basic .first-column li {

    text-align: left;

    padding-left: 0px;

}



.pricing-overview .pricing-table-panel li:first-child {

    border-radius: 7px 7px 0 0;

    height: 90px;

}



.pricing-overview .pricing-table-panel li:last-child {

    border-radius: 0px 0px 7px 7px;

}



.pricing-overview .pricing-table-panel li:last-child {

    border: none;

}







/*MARK: ---first Column */

.pricing-overview ul.first-column li {

    border: none;

    justify-content: flex-start;

    position: relative;

}



.pricing-overview ul.first-column li span {

    transition: color .3s;

}



.pricing-overview ul.first-column li:hover span {

    cursor: help;

    color: rgb(223, 100, 18);

}



.pricing-overview ul.first-column li .question-mark::after {

    transition: border-color 0.3s;

}



.pricing-overview ul.first-column li:hover .question-mark::after {

    border-color: rgb(223, 100, 18);

}



.pricing-table-basic ul.first-column li .glossary {

    bottom: 70px;

}



.pricing-table-basic ul.first-column li:nth-of-type(2) .glossary,

.pricing-table-basic ul.first-column li:nth-of-type(5) .glossary,

.pricing-table-basic ul.first-column li:nth-of-type(6) .glossary {

    bottom: 70px;

}





/*MARK: ---arrow */

.pricing-overview .arrow-container {

    position: relative;

    left: 0;

    top:-140px;

    display: flex;

    justify-content: flex-end;

}



.pricing-overview .arrow-container .arrow-text {

    font-size: 2.2rem;

    font-family: 'Caveat', cursive;

    line-height: 1.1;

    width: 180px;

    text-align: center;

    color:#2d2e2f;

}



.pricing-overview .arrow-container .arrow {

    width: 70px;

    position: relative;

    left: 80px;

    top: 10px;

    transform: rotateZ(-90deg) translateY(-50px);

}



.pricing-overview .arrow-container .arrow path {

    fill:#2d2e2f;

}









/*MARK: -Pricing table full */

.hide-docking-element {

    padding-bottom: 0px;

}



.full-feature {

    margin-top: 100px;

}



.fake-scrolltrigger {

    width: 100%;

    height: 35px;

}



.pricing-table {

    margin-bottom: 10px;

    width: 100%;

    text-align: center;

}



.pricing-table .row {

    display: flex;

    flex-direction: row;

    border-top: 1px solid var(--color-cell-border);

}



.pricing-table .row:first-child {

    border-top: none;

    outline: 1px solid var(--color-yellow);

    outline-offset: -1px;

}



.pricing-table .row:last-child {

    border-bottom: 1px solid var(--color-cell-border);

}



.pricing-table .row .cell {

    width: 18.75%;

    padding: 20px 10px;

    border-left: 1px solid var(--color-cell-border);

    display: flex;

    justify-content: center;

    align-items: center;

}



.pricing-table .row .cell:last-child {

    border-right: 1px solid var(--color-cell-border);

}





/*MARK: ---First Column */

.pricing-table .row .cell:nth-child(1) {

    width: 25%;

    text-align: left;

    justify-content: flex-start;

    position: relative;

}



.pricing-table .row .cell:nth-child(1) h3 {

    display: inline;

    font-size: 1rem;

    font-weight: normal;

}



.pricing-table .row .cell:nth-child(1) .first-cell {

    position: relative;

    transition: color .3s;

}



/* none-Touch Device */

@media (pointer: fine)  {

    .pricing-table .row .cell:nth-child(1):hover .first-cell {

        cursor: help;

        color: var(--color-orange);

    }



    .question-mark {

        transition: color 0.3s;

    }

    

    .question-mark::after {

        transition: border-color 0.3s;

    }

    

    .pricing-table .row .cell:nth-child(1):hover .question-mark {

        color: var(--color-orange);

    }

    

    .pricing-table .row .cell:nth-child(1):hover .question-mark::after {

        border-color: var(--color-orange);

    }

}









/*MARK: ---First Row */

.pricing-table .row:nth-child(1) .cell:nth-child(1) {

    background-color: #fff;

    border-top: none;

    border-left: none;

}



.pricing-table .row:nth-child(1) {

    position: sticky;

    top: 36px;

    z-index: 98;

}



.pricing-table .row:nth-child(1) .cell {

    border-top: 1px solid var(--color-cell-border);

    padding: 20px 10px;

    background-color: var(--color-yellow);

    font-family: 'Geeks On The Beach Font Medium', Helvetica, Arial, Lucida, sans-serif;

    text-transform: uppercase;

    font-size: 1.2rem;

    font-weight: bold;

    transition: padding 0.3s;

    letter-spacing:1px;

}



.pricing-table .row:nth-child(1).sticky .cell {

    padding: 8px;

    font-size: .9rem;

}



/* MARK: ---other rows */

.pricing-table .row {

    background-color: #fff;

}



.pricing-table .row:nth-child(2n+3) {

    background-color: var(--color-row);

}



.pricing-table .row:nth-child(2) {

    font-weight: bold;

}





/* MARK: --Account setup */

.account-setup-container {

    margin-top: 100px;

    width: 100%;

    background-color: #f2f2f2;

}



.account-setup {

    padding: 80px 0;

    display: flex;

    flex-direction: row;

    align-items: center;

}



.account-setup .text-headline {

    flex: 0 1 30%;

    font-size: 1.8rem;

}



.account-setup .text {

    flex: 1 1 70%;

    font-size: 1.1rem;

}



.account-setup .text p:first-child {

    margin-bottom: 15px;

}



.account-setup .text p:nth-child(2) {

    margin-bottom: 10px;

}



.account-setup .text p:nth-child(2),

.account-setup .text p:nth-child(3) {

    display: flex;

    flex-direction: row;

    align-items: center;

}



.account-setup .text .arrow {

    font-size: 1.15rem;

    padding: 0 20px 0 10px;

    position: relative;

    z-index: 1;

    top: 1px;

    font-weight: bold;

}



.account-setup .text .hours {

    font-size: 1.1rem;

    font-weight: bold;

    color: #141414;

}



.account-setup .text .circle {

    display: inline-block;

    background-color: var(--color-yellow);

    width: 25px;

    height: 25px;

    border-radius: 50%;

    position: absolute;

    left: 2px;

    top: 0px;

    z-index: -1;

}







/*MARK: -Initial setup */

.initial-setup {

    padding: 80px 0;

    display: flex;

    flex-direction: row;

    position: relative;

}



.initial-setup .text-headline {

    flex: 0 1 30%;

    font-size: 1.8rem;

}



.initial-setup .list {

    flex: 1 1 70%;

}



.initial-setup .list li {

    padding: 5px;

    display: flex;

    font-size: 1.1rem;

    margin-bottom: 10px;

}



.initial-setup .list li .icon {

    margin-right: 20px;

    position: relative;

    z-index: 2;

    top: 3px;

    font-size: 1rem;

}



.initial-setup .list li .circle {

    background-color: var(--color-yellow);

    width: 25px;

    height: 25px;

    border-radius: 50%;

    position: absolute;

    left: -6px;

    top: -5px;

    z-index: -1;

}



/* img Megaphone */

.image-container {

    position: relative;

}



/* .image-container .img-part-container .img-part {

    position: absolute;

    width: 40px;

    left:10%;

    top:-300px;

}  */



.image-container img.megaphone {

    width: 250px;

    position: absolute;

    top: -400px;

    left: -50px;

    transform-origin: 0% 100%;

    atransform: rotate(60deg);

}









/* MARK: --Optional copywriting */

.optional-copywriting-container {

    position: relative;

    padding: 40px 0;

    width: 100%;

    background-color: #f2f2f2;

}



.optional-copywriting {

    display: flex;

    flex-direction: row;

    align-items: center;

}



.optional-copywriting .text-headline {

    flex: 0 1 30%;

    font-size: 1.8rem;

        margin-top: 30px;

}



.optional-copywriting .text {

    flex: 1 1 70%;

    font-size: 1.1rem;

}



.optional-copywriting .text p:nth-of-type(1) {

    margin-bottom: 15px;

}











/* ========   Mq   ======== */

/*MARK: -MQ  PAGE */

/*MARK: ---0-576- */

/* @media only screen and (max-width: 576px) { */

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



    .icon-check,

    .icon-clear {

        font-size: 1.1rem;

    }



    .asterisk {

        font-size: 1.2rem;

    }



    .content-wrapper {

        background-size: 160% !important;

        background-position: 100% 0%;

    }



    .content-max-width {

        width: 85vw !important;

    }



    .intro-headline2 .headline h1 {

        font-size: 40px !important;

    }



    .intro-headline2 .headline h2 {

        font-size: 20px !important;

    }



    .intro-headline2 .intro-img {

        width: 80% !important;

        margin-top: 60px !important;

    }



    /* fixing only for Team  */

    /* #justified-headline h1 .row:nth-of-type(1) span,

    #justified-headline h1 .row:nth-of-type(2) span {

        line-height: 18vw !important;

    } */



    /* .heading .paragraf-container p {

        font-size: 1rem !important;

    } */



    /* .intro-heading .intro-heading-right {

        margin-top: 0;

    } */



    .text-headline {

        font-size: 1.2rem !important;

        text-align: center;

        display: inline-block;

        padding-right: 0 !important;

    }



    .full-feature.text-headline {

        margin-top: 0px !important;

        position: relative;

        top:20px;

    }



    .pricing-plans .plan .plan-headline {

        font-size: 1.3rem !important;

        margin-top: 15px !important;

    }



    .pricing-plans .plan {

        flex: 0 1 100% !important;

    }



    .pricing-plans .plan .plan-headline {

        font-size: 2rem;

    }



    .pricing-table .row:nth-child(1) .cell:nth-child(1) {

        display: none;

    }



    .pricing-table .row:nth-child(1) .cell {

        font-size: 0.7rem !important;

        padding: 10px;

    }



    .pricing-table .row:nth-child(2) .cell {

        font-weight: normal;

    }



    .pricing-table .row:nth-child(1) {

        top: 20px;

    }



    .pricing-table .row:nth-child(1).sticky .cell {

        font-size: .6rem !important;

        padding: 30px 8px 8px 8px;

        align-items: flex-end;

    }



    .account-setup .text .hours {

        font-size: 1rem;

    }



    .account-setup-container {

        margin-top: 50px;

    }



    .account-setup,

    .optional-copywriting-container,

    .initial-setup {

        padding: 50px 0;

    }



    .account-setup .text p:nth-child(2), 

    .account-setup .text p:nth-child(3) {

        align-items: flex-start;

    }



    .account-setup .text .arrow {

        top:0 !important;

    }



    .end-note {

        font-size: .9rem;

    }



    .end-note p:first-child {

        margin-bottom: 9px;

    }



}









/*MARK: ---0-800 */

/*       For last three Text section    */

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



    .account-setup,

    .initial-setup,

    .optional-copywriting {

        flex-direction: column;

    }



    .account-setup .text-headline,

    .initial-setup .text-headline,

    .optional-copywriting .text-headline {

        align-self: start;

    }



    .image-container {

        display: none;

    }



}















/*MARK: ---0-980 */

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



    .content-wrapper {

        background-size: 110%;

        background-position: 100% 0%;

    }



    /* fixing only for Team  */

    /* #justified-headline h1 .row:nth-of-type(1) span,

    #justified-headline h1 .row:nth-of-type(2) span {

        line-height: 15vw;

    }



    .intro-heading {

        flex-wrap: wrap;

    }



    .intro-heading .intro-heading-left {

        flex: 0 1 100%;

    }



    .intro-heading .intro-heading-right {

        flex: 1 1 100%;

        margin-top: 80px;

    }



    .intro-heading .intro-img-wrapper {

        display: flex;

        justify-content: center;

    }



    .intro-heading .intro-heading-right img {

        width: 80%;

    } */



    /* .heading .paragraf-container p {

        font-size: 1rem;

        line-height: 1.4;

    } */



    .text-headline {

        font-size: 1.3rem;

    }



    .account-setup p,

    .initial-setup .list li,

    .optional-copywriting p {

        font-size: 1rem;

    }







}





/*MARK: ---0-1100 */

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



    .content-max-width {

        width: 80vw;

    }



    .intro-headline2 {

        flex-direction: column;

    }



    .intro-headline2 .headline {

        width: 100%;

    }



    .intro-headline2 .headline h1 {

        font-size: 60px;

    }



    .intro-headline2 .headline .paragraf1 {

    width: 100%;

    font-size: 1.2rem;

    font-weight: 500;

    line-height: 1.5em;

    margin-top: 25px;

    }



    .intro-headline2 .intro-img {

        align-self: center;

        width: 60%;

        margin-top: 100px;

    }



    .essentials-feature,

    .pricing-table-basic {

        display: none !important;

    }



    .pricing-plans .plan:nth-of-type(1) {

        display: none;

    }



    .pricing-plans {

        flex-wrap: wrap;

        justify-content: space-evenly;

    }



    .pricing-plans .plan {

        flex: 0 1 48%;

        max-width: 450px;

        margin-bottom: 50px;

        padding: 6%;

    }



    .pricing-plans .plan .plan-headline {

        margin-top: 0px;

    }



    .arrow-container {

        display: none;

    }



    .full-feature.text-headline {

        margin-top: 80px;

        margin-bottom: 0px;

    }



    /* full table */

    .pricing-table .row {

        flex-wrap: wrap;

    }



    .pricing-table .row .cell {

        font-size: .85rem;

    }



    .pricing-table .row:nth-child(1) .cell {

        font-size: 1rem;

    }



    .pricing-table .row {

        background-color: #fff !important;

    }



    .pricing-table .row .cell:nth-child(1) {

        width: 100%;

    }



    .pricing-table .row .cell:nth-child(2),

    .pricing-table .row .cell:nth-child(3),

    .pricing-table .row .cell:nth-child(4),

    .pricing-table .row .cell:nth-child(5) {

        flex: 1 1 25%;

    }



    .pricing-table .row .cell:nth-child(1) {

        border-bottom: 1px solid var(--color-cell-border);

        border-right: 1px solid var(--color-cell-border);

        background-color: var(--color-row);

    }



    .pricing-table .row:nth-child(1) .cell:nth-child(1) {

        border-right: none;

    }



    .pricing-overview .end-note {

        display: none;

    }



    .account-setup .text-headline,

    .initial-setup .text-headline,

    .optional-copywriting .text-headline {

        font-size: 1.6rem;

    }



    .account-setup .text .arrow {

        top: -8px;

    }



}



/*MARK: ---1300-1200 */

@media only screen and (max-width: 1300px) and (min-width:1100px) {



    .pricing-overview .arrow-container {

        top:-100px;

    }

    .pricing-overview .arrow-container .arrow-text {

        font-size: 2.1rem;

    }

    

    .pricing-overview .arrow-container .arrow {

        width: 50px;

    }

}





/* fixing bugs */

/*MARK: ---fixing bugs */

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

    /* .pricing-plans .plan .plan-headline {

        height: 50px;

    } */

}



@media only screen and (max-width: 1400px) and (min-width:1280px) {

    /* .pricing-plans .plan .plan-headline {

        height: 50px;

    } */

}





@media only screen and (max-width: 1400px) and (min-width:1100px) {



    .content-max-width {

        width: 90vw;

    }



    .pricing-plans .plan .plan-headline {

        font-size: 1.07rem;

        height: 70px;

    }



    .pricing-plans .plan .geeks-btn {

        font-size: 13px;

        padding: 10px 16px 8px;

    }



    .pricing-overview .pricing-table-panel ul:not(.first-column) {

        font-size: 1rem;

    }



    .pricing-overview .pricing-table-panel li:first-child {

        height: 100px;

    }



    .pricing-table .row:nth-child(1) .cell {

        font-size: 1rem;

    }



    .pricing-overview .end-note {

        font-size: .9rem;

    }



}

.text-headline {

    padding-right:5vw;

}

}