@media only screen and (max-width:799px) {
    .row.top {
        height: 650px;
    }

    .row.top .img {
        background-image: url("../../img/360/cursuri-de-vara-2021.png");
        height: 300px;
        background-repeat: no-repeat;
        background-position: center center;
        position: relative;
        top: 110px;
    }

    .row.top .img .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 30px;
        font-weight: bold;
        letter-spacing: -1px;
        line-height: 0.7;
        margin: 0 auto;
        position: relative;
        top: 90px;
        width: 320px;
    }

    .row.top .img .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 18px;
        letter-spacing: -0.4px;
        line-height: 1.2;
        margin: 0 auto;
        position: relative;
        top: 90px;
        width: 320px;
    }
    
    .row.top .img .list li {
        margin-bottom: 10px;
        line-height: 0.8;
    }
    
    .row.top .img .vid {
        position: absolute;
        text-align: center;
        top: 340px;
        width: 100%;
    }
    
    .row.top .img .vid .youtube-video {
        height: 181px;
        width: 320px;
    }

    .row.row1 {
        height: 150px;
        width: 320px;
    }

    .row.row1 .col {
        display: inline-block;
        position: absolute;
        width: 100%;
    }
    
    .row.row1 .col:nth-child(1) {
        text-align: center;
    }
    
    .row.row1 .col:nth-child(2) {
        left: 50%;
    }
    
    .row.row1 .col .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 18px;
        letter-spacing: -1px;
        line-height: 1.1;
    }
    
    .row.row1 .col .list li {
        display: inline-block;
        font-weight: 600;
        margin-top: 24px;
        padding: 0 20px;
        text-align: center;
        vertical-align: middle;
    }
    
    .row.row1 .col .list li:nth-child(1) {
        width: 75px;
    }
    
    .row.row2 {
        background-color: rgb(245, 245, 245);
        height: 580px;
        margin: 0 auto;
    }
    
    .row.row2 .package {
        background-image: url("../../img/360/cursuri_de_vara_elevi.png");
        background-repeat: no-repeat;
        background-position: center top;
        height: 265px;
    }
    
    .row.row2 .package .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 18px;
        font-weight: bold;
        letter-spacing: -.9px;
        position: relative;
        top: 280px;
        margin: 15px auto 0 auto;
        width: 320px;
    }
    
    .row.row2 .package .subtitle {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 18px;
        font-weight: 600;
        letter-spacing: -0.7px;
        position: relative;
        top: 280px;
        margin: 0 auto;
        line-height: 1;
        width: 320px;
    }
    
    .row.row3 {
        background-color: rgb(255, 255, 255);
        height: 470px;
        margin: 0 auto;
        width: 320px;
    }
    
    .row.row3 .col .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 36px;
        font-weight: bold;
        letter-spacing: -2px;
        margin: 40px auto 0 auto;
        width: 320px;
    }
    
    .row.row3 .col .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 18px;
        letter-spacing: -0.5px;
        line-height: 1.88;
        margin: 0 auto;
        width: 320px;
    }
    
    .row.row3 .col .list li {
        background-image: url("../../img/360/promo-check.png");
        background-repeat: no-repeat;
        background-position: left top+7px;
        background-size: 16px;
        font-weight: 600;
        letter-spacing: -.8px;
        line-height: 1.25;
        margin-top: 10px;
        padding-left: 35px;
    }
    
    .row.row4 {
        background-color: rgb(255, 255, 255);
        height: 950px;
        margin: 0 auto;
        text-align: center;
        width: 320px;
    }
    
    .row.row4 .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 16px;
        font-weight: bold;
        letter-spacing: -.5px;
        text-align: center;
    }
    
    .row.row4 .register {
        border-radius: 7px 7px 7px 7px;
        -moz-border-radius: 7px 7px 7px 7px;
        -webkit-border-radius: 7px 7px 7px 7px;
        width: 200px;
        height: 160px;
        background-color: rgb(245,245,245);
        border: 1px solid rgb(225, 225, 225);
        display: inline-block;
        margin: 50px 13px 0 13px;
        padding: 10px;
    }
    
    .row.row4 .register .lang {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 16px;
        font-weight: bold;
        margin: 15px;
    }
    
    .row.row4 .register .demo {
        display: inline-block;
    }
    
    .row.row4 .btn_demo_main {
        background-color: rgb(64, 143, 231);
        width: 135px;
        height: 45px;
        border-radius: 25px 25px 25px 25px;
        -moz-border-radius: 25px 25px 25px 25px;
        -webkit-border-radius: 25px 25px 25px 25px;
        text-align: center;
    }
    
    .row.row4 .btn_demo_main:hover {
        background-color: rgb(59, 203, 0);
    }

    .row.row4 .btn_demo_main a {
        font-size: 16px;
        font-family: "Source Sans Pro";
        color: rgb(255, 255, 255);
        font-weight: bold;
        text-decoration: none;
        z-index: 20;
        letter-spacing: -0.2px;
        display: block;
        padding: 11px 0;
    }
}

@media only screen and (min-width:800px) and (max-width:1023px) {
    .row.top {
        height: 720px;
    }

    .row.top .img {
        background-image: url("../../img/800/cursuri-de-vara-2021.png");
        height: 263px;
        background-repeat: no-repeat;
        background-position: center center;
        position: relative;
        top: 125px;
    }

    .row.top .img .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 36px;
        font-weight: bold;
        letter-spacing: -1.5px;
        line-height: 0.5;
        margin: 0 auto;
        position: relative;
        top: 85px;
        width: 50%;
    }

    .row.top .img .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 18px;
        letter-spacing: -0.4px;
        line-height: 1.5;
        margin: 0 auto;
        position: relative;
        top: 91px;
        width: 50%;
    }
    
    .row.top .img .list li {
        font-weight: 600;
        line-height: 1.3;
    }
    
    .row.top .img .vid {
        position: absolute;
        text-align: center;
        top: 300px;
        width: 100%;
    }
    
    .row.top .img .vid .youtube-video {
        height: 289px;
        width: 50%;
    }

    .row.row1 {
        height: 85px;
        width: 100%;
    }

    .row.row1 .col {
        display: inline-block;
        position: absolute;
        width: 100%;
    }
    
    .row.row1 .col:nth-child(1) {
        text-align: center;
    }
    
    .row.row1 .col:nth-child(2) {
        left: 50%;
    }
    
    .row.row1 .col .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 18px;
        letter-spacing: -1px;
        line-height: 1.1;
    }
    
    .row.row1 .col .list li {
        display: inline-block;
        font-weight: 600;
        margin-top: 24px;
        padding: 0 40px;
        text-align: center;
        vertical-align: middle;
    }
    
    .row.row2 {
        background-color: rgb(245, 245, 245);
        height: 377px;
        margin: 0 auto;
    }
    
    .row.row2 .package {
        background-image: url("../../img/800/cursuri_de_vara_elevi.png");
        background-repeat: no-repeat;
        background-position: right top;
        height: 377px;
        width: 50%;
    }
    
    .row.row2 .package .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 18px;
        font-weight: bold;
        letter-spacing: -.9px;
        position: relative;
        top: 55px;
        left: 50%;
        margin-left: 50%;
        margin-top: 15px;
        padding-left: 40px;
        width: 512px;
    }
    
    .row.row2 .package .subtitle {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 18px;
        font-weight: 600;
        letter-spacing: -0.7px;
        position: relative;
        top: 50px;
        left: 50%;
        margin-left: 50%;
        padding-left: 40px;
        line-height: 1;
        width: 512px;
    }
    
    .row.row3 {
        background-color: rgb(255, 255, 255);
        height: 360px;
        margin: 0 auto;
        width: 800px;
    }

    .row.row3 .col {
        display: inline-block;
        position: absolute;
        width: 50%;
    }
    
    .row.row3 .col:nth-child(2) {
        left: 50%;
    }
    
    .row.row3 .col .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 36px;
        font-weight: bold;
        letter-spacing: -2px;
        margin: 0 auto;
        position: relative;
        top: 55px;
        left: 85px;
        width: 512px;
    }
    
    .row.row3 .col:nth-child(2) .title {
        left: 0;
    }
    
    .row.row3 .col .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 18px;
        letter-spacing: -0.5px;
        line-height: 1.88;
        margin: 0 auto;
        position: relative;
        top: 70px;
        left: 85px;
        width: 512px;
    }
    
    .row.row3 .col:nth-child(2) .list {
        left: 0;
    }
    
    .row.row3 .col .list li {
        background-image: url("../../img/800/promo-check.png");
        background-repeat: no-repeat;
        background-position: left top+7px;
        background-size: 16px;
        font-weight: 600;
        letter-spacing: -.8px;
        line-height: 1.25;
        margin-top: 16px;
        padding-left: 35px;
    }
    
    .row.row4 {
        background-color: rgb(255, 255, 255);
        height: 520px;
        margin: 0 auto;
        text-align: center;
        width: 600px;
    }
    
    .row.row4 .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -1px;
        text-align: center;
    }
    
    .row.row4 .register {
        border-radius: 7px 7px 7px 7px;
        -moz-border-radius: 7px 7px 7px 7px;
        -webkit-border-radius: 7px 7px 7px 7px;
        width: 200px;
        height: 160px;
        background-color: rgb(245,245,245);
        border: 1px solid rgb(225, 225, 225);
        display: inline-block;
        margin: 50px 13px 0 13px;
        padding: 10px;
    }
    
    .row.row4 .register .lang {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 16px;
        font-weight: bold;
        margin: 15px;
    }
    
    .row.row4 .register .demo {
        display: inline-block;
    }
    
    .row.row4 .btn_demo_main {
        background-color: rgb(64, 143, 231);
        width: 135px;
        height: 45px;
        border-radius: 25px 25px 25px 25px;
        -moz-border-radius: 25px 25px 25px 25px;
        -webkit-border-radius: 25px 25px 25px 25px;
        text-align: center;
    }
    
    .row.row4 .btn_demo_main:hover {
        background-color: rgb(59, 203, 0);
    }

    .row.row4 .btn_demo_main a {
        font-size: 16px;
        font-family: "Source Sans Pro";
        color: rgb(255, 255, 255);
        font-weight: bold;
        text-decoration: none;
        z-index: 20;
        letter-spacing: -0.2px;
        display: block;
        padding: 11px 0;
    }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .row.top {
        height: 835px;
    }

    .row.top .img {
        background-image: url("../../img/1024/cursuri-de-vara-2021.png");
        height: 329px;
        background-repeat: no-repeat;
        background-position: center center;
        position: relative;
        top: 125px;
    }

    .row.top .img .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 48px;
        font-weight: bold;
        letter-spacing: -2px;
        line-height: 0.7;
        margin: 0 auto;
        position: relative;
        top: 100px;
        width: 50%;
    }

    .row.top .img .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        letter-spacing: -0.5px;
        margin: 0 auto;
        position: relative;
        top: 91px;
        width: 50%;
    }
    
    .row.top .img .list li {
        font-weight: 600;
        line-height: 1.3;
    }
    
    .row.top .img .vid {
        position: absolute;
        text-align: center;
        top: 380px;
        width: 100%;
    }
    
    .row.top .img .vid .youtube-video {
        height: 326px;
        width: 50%;
    }

    .row.row1 {
        height: 100px;
        width: 100%;
    }

    .row.row1 .col {
        display: inline-block;
        position: absolute;
        width: 100%;
    }
    
    .row.row1 .col:nth-child(1) {
        text-align: center;
    }
    
    .row.row1 .col:nth-child(2) {
        left: 50%;
    }
    
    .row.row1 .col .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        letter-spacing: -1px;
        line-height: 1.1;
    }
    
    .row.row1 .col .list li {
        display: inline-block;
        font-weight: 600;
        margin-top: 24px;
        padding: 0 40px;
        text-align: center;
        vertical-align: middle;
    }
    
    .row.row2 {
        background-color: rgb(245, 245, 245);
        height: 471px;
        margin: 0 auto;
    }
    
    .row.row2 .package {
        background-image: url("../../img/1024/cursuri_de_vara_elevi.png");
        background-repeat: no-repeat;
        background-position: right top;
        height: 471px;
        width: 50%;
    }
    
    .row.row2 .package .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -.9px;
        position: relative;
        top: 55px;
        left: 50%;
        margin-left: 50%;
        margin-top: 15px;
        padding-left: 40px;
        width: 512px;
    }
    
    .row.row2 .package .subtitle {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        font-weight: 600;
        letter-spacing: -0.7px;
        position: relative;
        top: 50px;
        left: 50%;
        margin-left: 50%;
        padding-left: 40px;
        line-height: 1;
        width: 512px;
    }
    
    .row.row3 {
        background-color: rgb(255, 255, 255);
        height: 510px;
        margin: 10px auto 0 auto;
        width: 1024px;
    }

    .row.row3 .col {
        display: inline-block;
        position: absolute;
        width: 50%;
    }
    
    .row.row3 .col:nth-child(2) {
        left: 50%;
    }
    
    .row.row3 .col .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 48px;
        font-weight: bold;
        letter-spacing: -2px;
        margin: 0 auto;
        position: relative;
        top: 77px;
        left: 85px;
        width: 512px;
    }
    
    .row.row3 .col:nth-child(2) .title {
        left: 0;
    }
    
    .row.row3 .col .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        letter-spacing: -0.5px;
        line-height: 1.88;
        margin: 0 auto;
        position: relative;
        top: 91px;
        left: 85px;
        width: 512px;
    }
    
    .row.row3 .col:nth-child(2) .list {
        left: 0;
    }
    
    .row.row3 .col .list li {
        background-image: url("../../img/1024/promo-check.png");
        background-repeat: no-repeat;
        background-position: left top+7px;
        background-size: 24px;
        font-weight: 600;
        letter-spacing: -.8px;
        line-height: 1.25;
        margin-top: 24px;
        padding-left: 45px;
    }
    
    .row.row4 {
        background-color: rgb(255, 255, 255);
        height: 320px;
        margin: 0 auto;
        text-align: center;
        width: 1024px;
    }
    
    .row.row4 .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -1px;
        text-align: center;
    }
    
    .row.row4 .register {
        border-radius: 7px 7px 7px 7px;
        -moz-border-radius: 7px 7px 7px 7px;
        -webkit-border-radius: 7px 7px 7px 7px;
        width: 200px;
        height: 160px;
        background-color: rgb(245,245,245);
        border: 1px solid rgb(225, 225, 225);
        display: inline-block;
        margin: 50px 13px 0 13px
    }
    
    .row.row4 .register .lang {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -1px;
        margin: 15px;
    }
    
    .row.row4 .register .demo {
        display: inline-block;
    }
    
    .row.row4 .btn_demo_main {
        background-color: rgb(64, 143, 231);
        width: 135px;
        height: 45px;
        border-radius: 25px 25px 25px 25px;
        -moz-border-radius: 25px 25px 25px 25px;
        -webkit-border-radius: 25px 25px 25px 25px;
        text-align: center;
    }
    
    .row.row4 .btn_demo_main:hover {
        background-color: rgb(59, 203, 0);
    }

    .row.row4 .btn_demo_main a {
        font-size: 16px;
        font-family: "Source Sans Pro";
        color: rgb(255, 255, 255);
        font-weight: bold;
        text-decoration: none;
        z-index: 20;
        letter-spacing: -0.2px;
        display: block;
        padding: 11px 0;
    }
}

@media only screen and (min-width:1280px) {
    .row.top {
        height: 646px;
    }

    .row.top .west {
        background-image: url("../../img/1280/cursuri-de-vara-2021_w_back.png");
        height: 646px;
        width: 50%;
        position: absolute;
        left: 0;
    }

    .row.top .east {
        background-image: url("../../img/1280/cursuri-de-vara-2021_e_back.png");
        height: 646px;
        width: 50%;
        position: absolute;
        right: 0;
    }

    .row.top .img {
        background-image: url("../../img/1280/cursuri-de-vara-2021.png");
        height: 493px;
        background-repeat: no-repeat;
        background-position: center center;
        position: relative;
        top: 154px;
    }

    .row.top .img .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 48px;
        font-weight: bold;
        left: 130px;
        letter-spacing: -2px;
        margin: 0 auto;
        position: relative;
        top: 140px;
        width: 1280px;
    }

    .row.top .img .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        letter-spacing: -0.5px;
        margin: 0 auto;
        padding-left: 134px;
        position: relative;
        top: 91px;
        width: 1280px;
    }
    
    .row.top .img .list li {
        font-weight: 600;
        line-height: 1.5;
    }
    
    .row.top .img .vid {
        width: 50%;
        margin-left: 50%;
        position: absolute;
        top: 110px;
        left: 11px;
    }
    
    .row.top .img .vid .youtube-video {
        height: 281px;
        width: 500px;
    }
    
    .row.row1 {
        height: 100px;
        width: 100%;
    }

    .row.row1 .col {
        display: inline-block;
        position: absolute;
        width: 100%;
    }
    
    .row.row1 .col:nth-child(1) {
        text-align: center;
    }
    
    .row.row1 .col:nth-child(2) {
        left: 50%;
    }
    
    .row.row1 .col .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        letter-spacing: -1px;
        line-height: 1.1;
    }
    
    .row.row1 .col .list li {
        display: inline-block;
        font-weight: 600;
        margin-top: 24px;
        padding: 0 60px;
        text-align: center;
        vertical-align: middle;
    }
    
    .row.row2 {
        background-color: rgb(245, 245, 245);
        height: 471px;
        margin: 0 auto;
    }
    
    .row.row2 .package {
        background-image: url("../../img/1280/cursuri_de_vara_elevi.png");
        background-repeat: no-repeat;
        background-position: right top;
        height: 471px;
        width: 50%;
    }
    
    .row.row2 .package .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -.7px;
        position: relative;
        top: 55px;
        left: 50%;
        margin-left: 50%;
        margin-top: 15px;
        padding-left: 60px;
        width: 600px;
    }
    
    .row.row2 .package .subtitle {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        font-weight: 600;
        letter-spacing: -0.5px;
        position: relative;
        top: 50px;
        left: 50%;
        margin-left: 50%;
        padding-left: 60px;
        line-height: 1;
        width: 600px;
    }
    
    .row.row3 {
        background-color: rgb(255, 255, 255);
        height: 510px;
        margin: 10px auto 0 auto;
        width: 1280px;
    }

    .row.row3 .col {
        display: inline-block;
        position: absolute;
        width: 50%;
    }
    
    .row.row3 .col:nth-child(2) {
        left: 50%;
    }
    
    .row.row3 .col .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 48px;
        font-weight: bold;
        left: 130px;
        letter-spacing: -2px;
        margin: 0 auto;
        position: relative;
        top: 77px;
        width: 1280px;
    }
    
    .row.row3 .col:nth-child(2) .title {
        left: 17px;
    }
    
    .row.row3 .col .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        letter-spacing: -0.5px;
        line-height: 1.88;
        margin: 0 auto;
        padding-left: 134px;
        position: relative;
        top: 91px;
        width: 1280px;
    }
    
    .row.row3 .col:nth-child(2) .list {
        padding-left: 20px;
    }
    
    .row.row3 .col .list li {
        background-image: url("../../img/1280/promo-check.png");
        background-repeat: no-repeat;
        background-position: left top+7px;
        font-weight: 600;
        letter-spacing: -.8px;
        line-height: 1.25;
        margin-top: 24px;
        padding-left: 45px;
    }
    
    .row.row4 {
        background-color: rgb(255, 255, 255);
        height: 400px;
        margin: 0 auto;
        text-align: center;
        width: 1280px;
    }
    
    .row.row4 .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -1px;
        text-align: center;
    }
    
    .row.row4 .register {
        border-radius: 7px 7px 7px 7px;
        -moz-border-radius: 7px 7px 7px 7px;
        -webkit-border-radius: 7px 7px 7px 7px;
        width: 235px;
        height: 185px;
        background-color: rgb(245,245,245);
        border: 1px solid rgb(225, 225, 225);
        padding: 10px 50px 0 50px;
        display: inline-block;
        margin: 50px 13px 0 13px
    }
    
    .row.row4 .register .lang {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -1px;
        margin: 15px;
    }
    
    .row.row4 .register .demo {
        display: inline-block;
    }
    
    .row.row4 .btn_demo_main {
        background-color: rgb(64, 143, 231);
        width: 135px;
        height: 45px;
        border-radius: 25px 25px 25px 25px;
        -moz-border-radius: 25px 25px 25px 25px;
        -webkit-border-radius: 25px 25px 25px 25px;
        text-align: center;
    }
    
    .row.row4 .btn_demo_main:hover {
        background-color: rgb(59, 203, 0);
    }

    .row.row4 .btn_demo_main a {
        font-size: 16px;
        font-family: "Source Sans Pro";
        color: rgb(255, 255, 255);
        font-weight: bold;
        text-decoration: none;
        z-index: 20;
        letter-spacing: -0.2px;
        display: block;
        padding: 11px 0;
    }
}