@media (max-width:1920px){
    .hp-vertical-farm .cont-img{width:100%;}
    .hp-vertical-farm .texts h1{font-size:40pt;}
    .hp-vertical-farm .texts h1::after{top:.5rem;right:2rem;}
    .streaming-workflow .document .right-cont .document-img{right:15%;}
    .streaming-workflow .document .right-cont::after{right:10%;}
    .programs .box{padding:1rem;gap:.5rem;justify-content:space-between;}
}

@media (max-width:1440px){
    .kobus .image{width:80%;}
    .streaming-workflow .document .left-cont{max-width:100%;}
    .streaming-workflow .document{display:grid;}
    .streaming-workflow .document .right-cont .document-img{position:relative;margin-top:0;top:5rem;right:0;left:10%;}
    .streaming-workflow .document .right-cont::after{right:25%;margin-top:20rem;}
    .programs .col-lg-4{width:50%;}
    .stakeholders .container-fluid{padding:3rem;}
    .stakeholders .logos, .corporate-stakeholders .logos{margin-left:0;padding:0;}
    .footer .cont{gap:2rem;}
    .banner .banner-cont .logomark{width:300px;}
    .vertical-farm-benefits .box .texts h2{font-size:19pt;}
}

@media (max-width:1366px){}

@media (max-width:1200px){
    .navbar{background-color:#fff;z-index:9999999999;}
    .navbar .logo{filter:none;}
    .navbar-toggler{background-color:#5c2483;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;border:1px solid #5c2483;font-size:12pt;}
    .navbar-toggler:hover{background-color:transparent;color:#5c2483;}
    .navbar .navbar-nav .nav-item{width:100%;}
    .navbar .navbar-nav .nav-link{color: #000;border-bottom: 1px solid #000;width:100%;}
    .navbar .navbar-nav .nav-link:hover{color:#5c2483;border-color:#5c2483;}
    .hp-vertical-farm .col-lg-3{width:100%;}
    .hp-vertical-farm .col-lg-9{width:100%;margin-top:2rem;}
    .hp-vertical-farm .cont-img{position:relative;}
    .hp-vertical-farm .texts{position:relative;top:10rem;}
    .streaming-workflow .items{display:grid;margin-top:2rem;}
    .streaming-workflow .items .image{width:100%;}
    .streaming-workflow .items .cont{width:100%;}
    .stakeholders .logos .logo-item img, .corporate-stakeholders .logos .logo-item img{max-width: 180px;max-height: 90px;}
    .footer .cont{flex-wrap:wrap;}
    .footer .logo{width:100%;}
    .banner .banner-cont{height:auto;}
}

@media (max-width:992px){
    h1{font-size:30pt;}
    .hp-vertical-farm .texts{position:relative;top:0;}
    .hp-vertical-farm .texts h1{font-size:28pt;}
    .hp-vertical-farm .texts p{font-size:12pt;}
    .hp-vertical-farm .cont-img{top:3rem;}
    .hp-vertical-farm .circle-sign-up{top: -40px;bottom: auto;left: auto;right: -30px;}
    .hp-vertical-farm .cont-desc{height:100%;}
    .hp-vertical-farm .cont-desc .cloud{right:0;bottom:-7rem;}
    .container-fluid{max-width:95%;}
    .streaming-workflow .document{padding:2rem;}
    .programs{padding:2rem 0;}
    .programs .col-lg-4{width:100%;}
    .footer .logo{width:300px}
    .footer .cont{display:flex;justify-content:start;}
    .footer .justify-content-end{justify-content:start!important;}
    .banner .banner-cont .logomark{position:relative;width:150px;}
    .banner .banner-cont{display:grid;padding-bottom:0;}
    .navbar .logo{width:240px;}
    .vz-mz .box .texts{display:grid;}
    .vz-mz .box .texts h1, .vz-mz .box .texts p{width:100%;text-align:left;justify-content: start;}
    .vz-mz::before{display:none;}
    .vertical-farm .items{flex-wrap:wrap;}
    .vertical-farm .items .texts{width: 90%;margin-left: 5%;}
    .vertical-farm .items .cont{width: 90%;left: 5%;}
    .programs-detail .content{padding:2rem;}
    .programs-detail .content .item{display:grid;}
    .programs-detail .content .item .detail{width:100%;}
    .sign-up h1{font-size:24pt;}
    .sign-up p{max-width:75%;}
    .banner .banner-cont h1{font-size:24pt;}
    .banner .banner-cont ul{flex-wrap:wrap;}
    .justify-content-end{justify-content:start!important;}
    .contact-banner{max-width:95%;padding:2rem;}
    .contact-banner h1{margin-top:2rem;}
}

@media (max-width:768px){
    .hero-header .texts{max-width:100%;width:100%;padding:0 1rem;}
    .hero-header .texts h1{font-size:24pt;}
    .hero-header .hero-image{height:40vh;}
    .streaming-workflow .document .right-cont .document-img{width:300px;}
    .streaming-workflow .document .right-cont::after{right: 15%;margin-top: 20rem;width: 300px;height: 300px;}
    .stakeholders .logos, .corporate-stakeholders .logos{display:grid;gap:4rem;justify-content:center;}
    .stakeholders .logos .logo-item:not(:last-child)::after, .corporate-stakeholders .logos .logo-item:not(:last-child)::after{display:none;}
    .news .box .texts, .other-news .box .texts{width:100%;}
    .news .box:hover .texts .cont p, .other-news .box:hover .texts .cont p{display:none;}
}