img {
    max-width: 100%
}

p, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0;
}

@font-face {
    font-family: "Toyota Text - Regular";
    src: url("../font/toyotatext_rg.ttf") format("truetype");
    src: url("../font/toyotatext_rg.ttf") format("woff");
}

@font-face {
    font-family: "Toyota Text - Bold";
    src: url("../font/toyotatext_bd.ttf") format("truetype");
    src: url("../font/toyotatext_bd.ttf") format("woff");
}

@font-face {
    font-family: "Toyota Display - Bold";
    src: url("../font/toyotadisplay_bd.ttf") format("truetype");
    src: url("../font/toyotadisplay_bd.ttf") format("woff");
}

@font-face {
    font-family: "Toyota Display - Regular";
    src: url("../font/toyotadisplay_rg.ttf") format("truetype");
    src: url("../font/toyotadisplay_rg.ttf") format("woff");
}

.contact-paragraph {
    font-family: "Toyota Text - Regular";
    font-weight: 400;
    display: inline-block;
}

.contact-link, .contact-link a {
    display: inline-block;
    font-family: "Toyota Text - Bold";
    font-weight: 700;
    color: black !important;
}

.paragraph {
    float: right;
    padding: 20px 0;
}

.index {
    z-index: 99;
    margin-bottom: 10px;
    position: relative;
    top: -10px;
    right: 2px;
}

.my-container {
    position: absolute;
}

.my-container .row {
    justify-content: flex-end;
}

.main-photo {
    background-image: url("/img/header.png");
    height: 560px;
    background-position: center;
    background-size: cover;
    position: relative;
    top: -55px;
}

.navbar {
    box-shadow: none;
}

.navbar-brand {
    position: absolute;
    top: 20px;
}

.navbar.navbar-light .navbar-nav .nav-item .nav-link {
    font-family: "Toyota Text - Regular";
    color: #58595b;
    font-size: 12px;
    font-weight: 400;
}

.toyota-red {
    color: #e50000 !important;
    font-family: "Toyota Text - Bold" !important;
    font-weight: 700 !important;
}

.navbar-nav {
    background-color: #f6f6f6;
    padding: 10px
}

.main-header {
    font-family: "Toyota Display - Regular";
    font-size: 37px;
    font-weight: 400;
    line-height: 45.79px;
}

.text-wrapper span {
    font-family: "Toyota Display - Bold";
    font-size: 37px;
    font-weight: 700;
    line-height: 45.79px;
}

.text-wrapper {
    padding-top: 40px;
}

.main-paragraph {
    font-family: "Toyota Display - Regular";
    font-weight: 400;
    line-height: 48px;
    font-size: 24px;
    padding-top: 30px;
}

.aygo-form {
    margin-top: 50px;
    padding: 15px;
    background-image: url("/img/gradient.png");
    background-size: cover;
    z-index: 99;
}

.main-photo .col-md-4 {
    padding-left: 0;
}

.form-paragraph {
    font-size: 21px;
    font-weight: 400;
    text-transform: uppercase;
    /* Text style for "ZAPYTAJ O" */
    font-family: "Toyota Display - Regular";
    font-weight: 400;
    line-height: 18.28px;
    color: #fff;
}

.form-check-label {
    font-size: 10px;
    line-height: 10px !important;
    text-align: justify;
    color: #2d2d2d;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

input {
    background-color: #f3f3f3 !important;
    width: 100%;
    border: 1px solid #a0a0a0;
    margin-bottom: 10px;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    padding: 5px;
    padding-left:15px;
}

.my-form-header {
    font-family: "Toyota Display - Regular";
    font-size: 42px;
    font-weight: 400;
    line-height: 48px;
    text-align: center;
    color: #fff;
}

.my-form-header span {
    font-family: "Toyota Display - Bold";
    font-weight: 700;
}

.form-check {
    padding-left: 0;
}

.obligatory {
    font-size: 10px;
    color: #fff;
    line-height: 10px !important;
    text-align: justify;
    color: #2d2d2d;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    display: inline-block;
    padding-bottom: 30px;
}

.button-submit {
    width: 159px;
    height: 39px;
    border-radius: 15px;
    border: 1px solid #ffffff;
    background-color: #e50000 !important;
    font-size: 18px;
    font-family: 'Lato', sans-serif;
    color: #fff;
    float: right;
    margin-top: 10px !important;
}

.button-submit:hover {
    cursor: pointer;
}

.aygo-para {
    padding-top: 20px;
    padding-bottom: 15px;
}

.pros {
    background-image: url("/img/background_car.png");
    background-size: cover;
    background-position: center;
    height: auto;
    top: -262px;
    z-index: -10;
    position: relative;
    z-index: -10;
    padding-bottom:10px;
}
.box {
    width: 108px;
    height: 2px;
}


.pros-header {
    color: #000000;
    font-family: "Toyota Display - Regular";
    font-size: 36px;
    font-weight: 700;
    z-index: 10;
}

.pros .container {
    padding-top: 300px;

}
.yaris .container {
    margin-top: -200px;
}

.black-line {
    width: 409px;
    height: 2px;
    background-color: #000000;
    margin-top: 10px;
    margin-bottom:55px;
}
.icon-description {
    color: #000000;
font-family: "Toyota Text - Regular";
font-size: 20px;
font-weight: 400;
margin-top:-4px;
}
/*.icon-wrapper {
    margin:30px 0;
}
.icon-wrapper img {
    margin-bottom:30px;
}
*/
.percent {
    margin-bottom:40px;
}
.cars {
    margin-bottom:45px;
}
.save {
    margin-top:30px;
    margin-bottom:10px;
}
.money {
    margin-top:60px;
    margin-bottom:20px;
}
.glass {
    margin-top:40px;
    margin-bottom:20px;
}
.white-opacity {
     background-color: rgba(255, 255, 255, 0.8); 
     transform:rotate(-4deg);
}
.car {
    margin-top:42px;
    margin-bottom:20px;
}
.car_on_top {
    margin-top:72px;
    margin-bottom:20px;
}
.check {
    margin-top:40px;
    margin-bottom:30px;
}
.opacity-wrapper {
    transform:rotate(4deg);
    text-align:center;
    padding:20px;
}
.opacity-header {
    font-family: "Toyota Text - Regular";

font-weight: 700;
/* Text style for "O, d 5 lat" */
font-size: 36px;
}
.opacity-header span, .opacity-small-header span {
    color: #e50000;
}
.opacity-small-header {
    color: #000000;
font-family: "Toyota Text - Regular";
font-size: 24px;
font-weight: 700;
}
.opacity-text-wrapper {
    margin-top:40px;
    margin-bottom:30px;
}
.opacity-text-wrapper-2 {
    margin-bottom:70px;
}
.opacity-text-wrapper-3 {
    padding-bottom:110px;
}
.pros .col-md-4 {
    padding:0;
}
.yaris-header {
    font-family: "Toyota Display - Bold";
font-size: 48px;
font-weight: 700;
color: black;
}
.yaris-description {
    text-transform:uppercase;
    font-family: "Toyota Display - Regular";
font-weight: 400;
font-size:24px;
margin-top:-4px;
}
.yaris .text-column {
    padding-left:70px;
}
.rent-big-header {
    font-family: "Toyota Display - Bold";
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
color: black;
}
.rent-big-header span {
    color: #e50000;
font-family: "Toyota Display - Bold";
font-size: 48px;
font-weight: 700;
}
.rent-small-header {
    font-family: "Toyota Display - Regular";
font-size: 24px;
font-weight: 400;
text-transform:uppercase;
}
.rent-small-header  span{
    font-family: "Toyota Display - Bold";

font-weight: 700;
}
.yaris-description-paragraph {
    font-family: "Toyota Display - Regular";
font-weight: 400;
text-transform:uppercase;
}
.description-wrapper {
    margin-top:30px;
}
.margin-left {
    margin-left:10px;
}
.yaris-photo {
    background-image: url("/img/yaris.png");
    height:308px;
    background-size:cover;
    background-position:center;
}
.red-button {
    width: 412px;
height: 42px;
border-radius: 16px;
background-color: #e50000;
border:none;
margin-top:70px;
color: #f7f7f7;
font-family: "Lato";
font-size: 21px;
font-weight: 300;

text-transform: uppercase;
/* Text style for "Z, APYTAJ" */
letter-spacing: 0.35px;

}
.red-button:hover {
    cursor: pointer;
}
.additional-services {
  background-size:cover;
  background-repeat:no-repeat;
    background-image: url("/img/addition.png");
    background-position:center;
    height:540px;
}

.services {
    margin-top:80px;
}
.margin-top {
    padding-top:85px;
}
.big-icon-wrapper {
    display: flex;
    
}
.services-wrapper {
    padding-left: 50px;
}
.service-header {
    color: #e50000;
font-family: "Toyota Text - Bold";
font-size: 24px;
font-weight: 700;
margin-bottom:30px;
}
.service-paragraph {
    text-align:justify;
    font-family: "Toyota Text - Regular";
font-weight: 400;
font-size: 18px;
line-height: 20px;
color: black;
}
.service-paragraph span {
    font-family: "Toyota Text - Bold";
font-weight: 700;
}
.services .col-md-6 {
padding-left:58px;
}
.additional-services .row {
    padding-top:30px;
}
.form {
    background-image:url("/img/background-good.png");
    background-position:bottom;
    height:1130px;
    background-size:cover;
}
.my-form-header-main {
    color: #000000;
font-family: "Toyota Display - Bold";
font-size: 32px;
font-weight: 700;
text-transform: uppercase;
text-align:center;
margin-top:-3px;
}
.form-info {
    color: #626365;
font-family: "Toyota Display - Regular";
font-size: 18px;
font-weight: 400;
margin-top: 15px;
margin-bottom:40px;
}
.center {
    justify-content: center;
}
.form input {
    height: 38px;
background-color: #f3f3f3;
border:none;
padding-left:15px;
}
.form textarea {
    background-color: #f3f3f3;
border:none;
}
.main-form-button {
    width: 166px;
    height: 37px;
    background-color: #d71921 !important;
    float:right;
    color: #fff;
    border:none;
  
font-family: "Lato";
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
}
.main-form-button:hover {
    cursor: pointer;
}
.obligatory-main {
    float:left;
}
.header-form {
    margin-top:30px;
}
.worker-name {
    font-family: "Toyota Display - Bold";
font-size: 31px;
font-weight: 700;
color:black;
text-align: center;
}
.worker-details {
    font-family: "Toyota Display - Regular";
font-size: 20px;
font-weight: 400;
margin-top:-8px;
text-align:center;
}
.worker-wrapper {
 background-color: rgba(255, 255, 255, 0.5); 
 padding:10px;
 width: 400px;
height: 109px;
}
.manager {
    position:relative;
    bottom:-285px;
  
}
.form .col-md-6  {
    height: 100%;
}
.contact-details {
    font-family: "Toyota Display - Bold";
font-weight: 700;
font-size: 15px;
color: black;
display: inline-block;
}
.email-wrapper {
    margin-top:10px;
}
.padding-left {
    padding-left: 50px;
}
.advisor {
    display: flex;
    justify-content: flex-end;
    padding-right:60px;
}
footer {
    background-color: #efefef;
    padding:40px 0;

}
footer a, footer p,  footer center {
    color: #000000;
font-family: "Toyota Text - Regular";
font-size: 17px;
font-weight: 400;
}
a:hover {
    color: #e50000 !important;
}
@media (min-width: 992px) and (max-width: 1200px) {

    .my-container .col-md-5 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .paragraph {
        float:none;
    }
    .main-header, .main-header span {
        font-size: 30px;
    }
    .form-paragraph {
        font-size: 17px;
    }
    .my-form-header {
        font-size: 35px;
    }
    .yaris-photo {
        height: 253px;
    }
    .rent-big-header {
        font-size: 20px;
    }
    .rent-small-header {
        font-size: 22px;
    }
    .yaris-description-paragraph {
        font-size: 14px;
    }
    .service-header {
        font-size:23px !important;
    }
    .services .col-md-6 {
        padding-left: 15px;
    }
    .worker-name {
        font-size:27px;
}
.manager {
    position: relative;
    bottom: -258px;
}
.services-wrapper {
    padding-left: 30px;
}
}

@media (max-width: 991px) {
    .paragraph {
        display: none;
    }
    .main-photo {
        position:static !important;
    
    background-image: url("/img/header-mobile.png");
    }
    .navbar-brand {
        position:static !important;
    }
    .index {
        display:none;
    }
    .navbar-nav {
        background-color: #fff;
        text-align:center;
    
    }
}
@media (min-width: 768px) and (max-width: 991px) {

    .main-paragraph {
        font-size:18px;
        padding-top:0;
    }
    .aygo-form {
        margin-top:0;
    }

    .icon-description {
        font-size: 17px;
    }
    .opacity-small-header {
        font-size:18px;
    }

    .my-container .col-md-5 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .paragraph {
        float:none;
    }
    .main-header, .main-header span {
        font-size: 27px;
    }
    .form-paragraph {
        font-size: 17px;
        text-align:center;
    }
    .my-form-header {
        font-size: 26px;
    }
    .yaris-photo {
        height: 170px;
    }
    .rent-big-header {
        font-size: 20px;
    }
    .rent-small-header {
        font-size: 22px;
    }
    .yaris-description-paragraph {
        font-size: 14px;
    }
    .service-header {
        font-size:23px !important;
    }
    .big-icon {
        height:130px;
    }
    .service-header {
        margin-bottom:5px;
    }
    .aygo-para {
        padding:0;
    }
    .services .col-md-6 {
        padding-left: 15px;
    }
    .worker-name {
        font-size:27px;
}
.manager {
    position: relative;
    bottom: -139px;
}
.services-wrapper {
    padding-left: 15px;
}
.additional-services .row {
    padding:0;
}
.email-wrapper {
    margin-top:0;
}
.contact-details {
    font-size: 13px;
}
.worker-wrapper {
width: 319px;
height: 125px;
margin-top: -20px;
}
.main-photo .col-md-4, .main-photo .col-md-8 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;

}
.main-photo .col-md-4 {
    padding-left:55px;
    padding-right:0;
}
.opacity-header {
    font-size: 30px;
}
.car_on_top {
    margin-top:52px;
}
.yaris .text-column {
    padding-left:0;
}
}
@media (min-width: 575px) and (max-width: 768px) {

    .main-paragraph {
        font-size:18px;
        padding-top:0;
        text-align:center;
    }
    .aygo-form {
        margin-top:228px;
    }

    .icon-description {
        font-size: 22px;
    }


    .my-container .col-md-5 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .paragraph {
        float:none;
    }
    .main-header, .main-header span {
        font-size: 27px;
        text-align:center;
    }
    .form-paragraph {
        font-size: 17px;
        text-align:center;
    }
    .my-form-header {
        font-size: 26px;
    }
    .pros {
        top:0;
        background-image: url("/img/pros-background.png");
    }
    .cars {
        margin-top:35px;
        margin-bottom:30px;
    }
    .white-opacity {
        background-color: transparent;
        transform: rotate(0deg); 
    }
    .opacity-wrapper {
        transform:rotate(0deg);
    }
    .pros-header {
        margin-top:80px;
    }
    .yaris-photo {
        height: 287px;
    }
    .rent-big-header {
        font-size: 20px;
    }
    .rent-small-header {
        font-size: 22px;
    }
    .services .col-sm-12 {
        margin:10px auto;
    }
    .additional-services {
        height: 590px;
    }
    .form {
        height: 1200px;
    }
    
    footer img {
        margin-bottom:20px;
    }
    .form textarea {
        margin-bottom:10px;
    }
    .fleet-header {
        margin-top:170px;
    }
    .yaris-description-paragraph {
        font-size: 14px;
    }
    .service-header {
        font-size:23px !important;
    }
    .big-icon {
        height:100px;
    }
    .opacity-wrapper img {
        margin-top:30px;
    }
    .service-header {
        margin-bottom:5px;
    }
    .aygo-para {
        padding:0;
    }
    .services .col-md-6 {
        padding-left: 15px;
    }
    .worker-name {
        font-size:20px;
}
.worker-details {
    font-size:18px;
}
.padding-left {
padding-left:15px;
}
.email-wrapper {
    flex-direction:column;
    align-items:center;
}
.manager {
    position: relative;
    bottom: -128px;
}
.services-wrapper {
    padding-left: 15px;
}
.additional-services .row {
    padding:0;
}
.email-wrapper {
    margin-top:0;
}
.contact-details {
    font-size: 13px;
}
.worker-wrapper {
    width: 243px;
    height:auto;
    display: inline-block;
}
.advisor {
    padding-right:0;
}


.car_on_top {
    margin-top:52px;
}
.yaris .text-column {
    padding-left:0;
}
.text-wrapper {
    padding-top: 20px;
}
.worker-container .col-sm-12 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}
.worker-container .row {
    flex-wrap:nowrap;
}
}
@media (min-width: 400px) and (max-width: 576px) {

    .main-photo .col-md-4 {
        padding-right: 0;
    }

    .form {
        height: auto;
        padding-bottom:15px;
    }
    .black-line {
        width:80%;
        margin-bottom:20px;
    }
    .form {
        background-image:none;
    }

    .main-paragraph {
        font-size:18px;
        padding-top:0;
        text-align:center;
    }
    .aygo-form {
        margin-top:228px;
    }

    .icon-description {
        font-size: 22px;
    }


    .my-container .col-md-5 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .paragraph {
        float:none;
    }
    .main-header, .main-header span {
        font-size: 27px;
        text-align:center;
    }
    .form-paragraph {
        font-size: 17px;
        text-align:center;
    }
    .my-form-header {
        font-size: 26px;
    }
    .pros {
        top:0;
        background-image: url("/img/pros-background.png");
    }
    .cars {
        margin-top:35px;
        margin-bottom:30px;
    }
    .white-opacity {
        background-color: transparent;
        transform: rotate(0deg); 
    }
    .opacity-wrapper {
        transform:rotate(0deg);
    }
    .pros-header {
        margin-top:130px;
    
    }
    .service-main-header {
        margin-top:0;
    }
    .yaris-photo {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .rent-big-header {
        font-size: 20px;
    }
    .rent-small-header {
        font-size: 22px;
    }
    .services .col-sm-12 {
        margin:10px auto;
    }
    .additional-services {
        height: 590px;
    }
    .form {
        height: auto;
    }
    .worker-wrapper {

    }
    footer img {
        margin-bottom:20px;
    }
    .form textarea {
        margin-bottom:10px;
    }
    .fleet-header {
        margin-top:170px;
    }
    .yaris-description-paragraph {
        font-size: 14px;
    }
    .service-header {
        font-size:23px !important;
    }
    .big-icon {
        height:100px;
    }
    .opacity-wrapper img {
        margin-top:30px;
    }
    .service-header {
        margin-bottom:5px;
    }
    .aygo-para {
        padding:0;
    }
    .services .col-md-6 {
        padding-left: 15px;
    }
    .worker-name {
        font-size:27px;
}
.manager {
    position: relative;
    bottom: -139px;
}
.services-wrapper {
    padding-left: 15px;
}
.additional-services .row {
    padding:0;
}
.email-wrapper {
    margin-top:0;
}
.contact-details {
    font-size: 13px;
}
.worker-wrapper {
    width: 80%;
    margin-left:10%;
    height:91px;
}
.advisor {
    display: block; 
    justify-content: flex-end; 
    padding-right: 15px; 
}
.worker-container .col-sm-12 {
    margin:20px auto;
}
.email-wrapper {
    flex-direction:column;
    align-items:center;
}
.red-button {
    width:auto;
    height:auto;
    padding:10px;
}
.manager {
    bottom:0;
}
.padding-left {
    padding-left:15px;
}


.car_on_top {
    margin-top:52px;
}
.yaris .text-column {
    padding-left:15px;
}
.text-wrapper {
    padding-top: 20px;
}
}

@media (max-width: 400px)  {

    .form {
        height: auto !important;
        padding-bottom:15px;
    }
    .red-button {
        width:auto;
        padding:5px;
        height:auto;
    }
    .black-line {
        width:80%;
        margin-bottom:20px;
    }
    .form {
        background-image:none;
    }

    .main-paragraph {
        font-size:18px;
        padding-top:0;
        text-align:center;
    }
    .aygo-form {
        margin-top:300px;
    }

    .icon-description {
        font-size: 22px;
    }


    .my-container .col-md-5 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .paragraph {
        float:none;
    }
    .main-header, .main-header span {
        font-size: 22px;
        text-align:center;
        line-height:22px;
        margin-bottom:15px;
    }
    .form-paragraph {
        font-size: 17px;
        text-align:center;
    }
    .my-form-header {
        font-size: 26px;
    }
    .main-paragraph {
        line-height:18px;
    }
    .main-photo .col-md-4 {
        padding-right: 0;
    }
    .pros {
        top:0;
        background-image: url("/img/pros-background.png");
    }
    .cars {
        margin-top:35px;
        margin-bottom:30px;
    }
    .white-opacity {
        background-color: transparent;
        transform: rotate(0deg); 
    }
    .opacity-wrapper {
        transform:rotate(0deg);
    }
    .pros-header-first {
        margin-top:180px;
    }
    .yaris-photo {
        height: 169px;
    }
    .services {
        margin-top:0;
    }
    .rent-big-header {
        font-size: 20px;
    }
    .rent-small-header {
        font-size: 22px;
    }
    .margin-left {
        margin-left:0;
    }
    .my-form-header-main {
        font-size: 25px;
    }
    .services .col-sm-12 {
        margin:10px auto;
    }
    .additional-services {
        height: 590px;
    }
    .form {
        height: 1200px;
    }
    .worker-wrapper {
    
    }
    footer img {
        margin-bottom:20px;
    }
    .form textarea {
        margin-bottom:10px;
    }
    .fleet-header {
        margin-top:170px;
    }
    .yaris-description-paragraph {
        font-size: 14px;
    }
    .service-header {
        font-size:20px !important;
    }
    .big-icon {
        height:100px;
    }
    .opacity-wrapper img {
        margin-top:30px;
    }
    .service-header {
        margin-bottom:5px;
    }
    .aygo-para {
        padding:0;
    }
    .services .col-md-6 {
        padding-left: 15px;
    }
    .worker-name {
        font-size:24px;
}
.manager {
    position: relative;
    bottom: -139px;
}
.services-wrapper {
    padding-left: 15px;
}
.additional-services .row {
    padding:0;
}
.email-wrapper {
    margin-top:0;
}
.contact-details {
    font-size: 13px;
}
.worker-wrapper {
    width: auto ;
    height:91px;
}


.car_on_top {
    margin-top:52px;
}
.yaris .text-column {
    padding-left:15px;
}
.pros-header {
    font-size: 30px;
}
.text-wrapper {
    padding-top: 40px;
}
.service-paragraph {
    font-size: 14px;
}
.email-wrapper {
    margin-top:0;
}
.contact-details {
    font-size: 13px;
}
.worker-wrapper {
    width: 80%;
    margin-left:10%;
    height:91px;
}
.advisor {
    display: block; 
    justify-content: flex-end; 
    padding-right: 15px; 
}
.worker-container .col-sm-12 {
    margin:30px auto;
}
.email-wrapper {
    flex-direction:column;
    align-items:center;
}
.red-button {
    width:auto;
    height:auto;
    padding:10px;
}
.manager {
    bottom:0;
}
.padding-left {
    padding-left:15px;
}
}
@media (max-width: 350px)  {
    .additional-services {
        height: 750px;
    }
    .margin-top {
        padding-top:120px;
    }

}
@media (min-width: 536px) and (max-width: 574px) {


    .aygo-form {
        margin-top: 280px !important;
    }
}
@media (min-width: 1545px) and (max-width: 2560px) {

    .additional-services {
        background-image: url("/img/addition-big.png");
        background-position:right;
        height:700px;
    }
    .additional-services .container {
        padding-top:100px;
    }
   
}
@media (min-width: 1900px) and (max-width: 2560px) {

    .form {
        height: 1220px 
    }
    .manager {
        bottom:-370px;
    }
    }
    @media (min-width: 1713px) and (max-width: 2560px) {

        .pros {
            background-color: #f6f6f6;
        }
        .white-opacity {
            transform: rotate(0deg); 
        }
        .opacity-wrapper {
            transform: rotate(0deg); 
        }
    }
    @media (min-width: 1201px) and (max-width: 1330px) {
        .paragraph {
            float:none
        }
    }
    @media (min-width: 1830px) and (max-width: 2560px) {
        .my-container {
            left:15%;
        }
        }