/* Mobile */
@media (min-width: 320px) and (max-width: 374px){
    .mobi-only{
        margin-left: 0!important;
    }
    .page-header h1 {
        color: #FFFFFF;
        font-weight: bold;
        font-size: 40px;
    }
    .navbar-collapse {
        text-align: center;
        background-color: #fff;
        padding: 10px 0;
        width: auto!important;
        margin-right: 0;
        margin-left: 0;
        position: relative;
        top: 8px;
    }
    .navbar .navbar-toggler {
        border-color: transparent;
        font-size: 25px;
        float:none;
        padding-right: 0;
        padding-top: 0!important;
        position: relative;
        top: 42px;
    }
    .navbar-toggler-icon{
        right: 10px;

    }
    .navbar {
        display: inline-block;
        margin-bottom: 0;
        list-style: none;
        position: absolute;
        right: 0px;
        z-index: 9999999;
        padding: 0;
        width: auto;
    }
    .navbar-expand-lg .navbar-nav .nav-link, .dropdown-menu a.dropdown-item {
        padding: 0px 20px!important;
        color: #000;
        font-size: 12px;
        font-weight: 400;
        line-height: 40px;
        text-align: center;
        display: inline-block;
        font-size: 13px;
    }
    .case-studies .card {
        background-color: transparent;
        border-radius: 0;
        border: 0;
        right: 0;
    }
    .btn-primary1 {
        position: absolute;
        top: 83%;
        color: black!important;
        background-color: transparent!important;
        border-color: black!important;
        font-weight: 600;
        border-left: 0;
        border-top: 0;
        border-right: 0;
        border-radius: 0;
        padding: 0;
        box-shadow: none!important;
    }
    .commonage{
        position: relative;
        bottom: 15px!important;
    }
    .power-town{
        position: relative;
        bottom: 1px!important;
    }
    .producers-platform{
        position: relative;
        bottom: 15px!important;
    }
    .vrygronde{
        position: relative;
        bottom: 15px!important;
    }
    .the-rise-of-redust{
        position: relative;
        bottom: 15px!important;
    }
    .elizabeth{
        position: relative;
        bottom: 15px!important;
    }
    
    .world-hunger{
        margin-bottom: 35px;
    }
    .uproot{
        position: relative;
        bottom: 1px!important;
    }
    .about {
        padding-right: 0;
    }
    .case-studies .card .card-body .btn-primary {
        position: absolute;
        left: 0;
        bottom: -20px;
    }
    .our-vision .card {
        border: none;
        position: relative;
        right: 0;
        padding:0;
    }
    .our-vision .card-body {
        background-color: #BCDCC2;
        z-index: auto;
        padding: 19px;
        
    }
    
    .about-page-board-of-trustees{
        padding-left: 0px;
        padding-right: 0px;
    }
  
    .about-page-staff-profile {
        padding-left: 0px;
        padding-right: 0;
       
    }
   
   .land-access>.card{
       width:100%!important;
       right:0;
   }
   .workers-platform>.card{
       right:0;
   }
    .context {
        text-align: left;
        padding-left: 15px;
        padding-bottom: 0;
        align-items: center;
        padding-top: 0;
        border-right-style: none;
    }
    .context h2 {
        font-size: 29px;
        font-weight: 500;
        color: #319144;
        margin-top: 17%;
        font-weight: 700;
        margin-bottom: 45px;
    }
    .context p {
        font-weight: 0;
        display: flex;
        padding-right: 0;
    }
    .pdf {
        text-align: left;
        position: relative;
        left: 0%;
        padding-left: 12px;
        padding-bottom: 0;
        bottom: 0;
        color: #FFFFFF;
        padding-bottom: 0;
        align-items: center;
    }
    .pdf h2 {
        text-align: left;
        padding-top: 0;
        padding-right: 46px;
        font-size: 29px;
    }
    
    .about-page-board-of-trustees>.card{
        position:relative;
        right:0;
    }
    .pdf, .card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: none;
        border-radius: 0.25rem;
        width: 100%!important;
        align-items: left;
        right: 0;
        align-items: start;
        left: 1px;
    }
    .pdf a:hover{
        color:#319144;
    }
    .case-studies .card .card-body {
        min-height: 110px;
        position: relative;
        margin-bottom: 25px;
        padding-right: 15px;
        padding: 20px;
    }
    .green-text {
        font-size: 12px;
        font-weight: 500;
        color: #319144;
        margin-bottom: 0;
        padding-left: 14px!important;
    }
    .events {
        margin-top: 35px;
        margin-bottom: 35px;
        padding-right: 22px;
        padding-left: 15px;
        height: auto;
    }
    .our-work {
        padding: 5% 0;
        background-color: #242121;
        margin-top: 7%;
    }
    #map, #map2 {
        height: 250px;
        width: 100%;
        margin-bottom: -18px;
    }
    .footer p {
        margin-top: 42px;
        margin-bottom: 1rem;
        margin-left: auto;
        text-align: center;
        margin-right: auto;
        padding-left:0;
    }
    iFrame {
        width: 226px;
    }
    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        /* left: 13px; */
        align-items: center;
    }
    .carousel-control-prev {
        left: 18px;
        top: 5px;
    }
    .far.fa-angle-left{
        right: 16px!important;
        position: relative;
    }
    .far {
        font-weight: 200;
        font-size: 35px;
        color: darkgray;
    }
    .forestry{
        padding-top:0!important;
    }
    .col-md-6,.col-lg-3,.card{
        padding-right: 22px;
        padding-left: 15px;
    
    }
    .col-md-6,.form{
        padding-left:15px;
        padding-right: 15px!important;
    } 
    /* .about-page-staff-profile,.col-md-12{
        padding-left: 7px;
        padding-right: 9px;
    }  */
    /* .about-page-staff-profile,.card {
        border: 0;
        padding: 0!important;
    } */
    .col-md-12>.about-page-staff-profile {
        padding-left: 7px;
        padding-right: 9px;
    }
    .col-md-12>.about-page-board-of-trustees {
        padding-left: 7px;
        padding-right: 9px;
    }
    .form-control {
        display: block;
        width: 100%;
        height: calc(1.5em + 0.75rem + 2px);
        padding: 0.375rem -2.25rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .offices {
        margin-top: 29px;
    }
    .offices h2 {
        color: #319144;
        margin-bottom: 0;
        font-weight: 600;
    }
    .offices h6 {
        color: black;
        font-weight: bold;
        padding-top: 41px;
    }
}
@media (min-width: 375px) and (max-width: 424px){
    .navbar-toggler-icon {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        content: "";
        background: no-repeat center center;
        background-size: 100% 100%;
        position: relative;
        bottom: 30px!important;
        right: 10px;
    }
    .case-studies,.home-programmes,.bg-white,.container {
        width: 100%;
        /* padding-right: 15px;
        padding-left: 29px; */
        margin-right: auto;
        margin-left: auto;
    }
    .case-studies .card .card-body {
        min-height: 110px;
        position: relative;
        margin-bottom: 25px;
        padding-right: 15px;
        padding: 23px;
    }
    .upcoming-events {
        background-image: url(/images/home/eventbackground.jpg);
        background-position: center;
        background-size: cover;
        padding: 6% 0;
        margin-bottom: 0!important;
        height: auto;
    }
    .navbar-collapse {
        text-align: center;
        background-color: #fff;
        padding: 10px 0;
        width: auto!important;
        margin-right: 0;
        margin-left: 0px;
        position: relative;
        bottom: 28px;
        width: 100%;
    }
    .navbar {
        display: inline-block;
        margin-bottom: 0;
        list-style: none;
        position: absolute;
        right: 0px;
        z-index: 9999999;
        padding: 0;
        width: auto;
    }
    .navbar-expand-lg .navbar-nav .nav-link, .dropdown-menu a.dropdown-item {
        padding: 0px 20px!important;
        color: #000;
        font-size: 12px;
        font-weight: 400;
        line-height: 40px;
        text-align: center;
        display: inline-block;
        font-size: 13px;
    }
    .col-md-7,.col-lg-6,.p-md-0{
        position: relative;
        width: 100%;
        padding-right: 24px;
        padding-left: 15px;
        padding-top: 10px;
        margin-bottom: 13px;
    
    }
    .btn-primary1 {
        position: absolute;
        top: 73%;
        color: black!important;
        background-color: transparent!important;
        border-color: black!important;
        font-weight: 600;
        border-left: 0;
        border-top: 0;
        border-right: 0;
        border-radius: 0;
        padding: 0;
        box-shadow: none!important;
    }
    .about {
        padding-right: 6px;
    }
    .our-vision .card {
        border: none;
        position: relative;
        bottom: 30px;
        left: 0px;
        padding-left:0;
        padding-right:0;
    }
     .our-vision .card-body {
        background-color: #BCDCC2;
        z-index: auto;
        padding: 40px;
    }
     .our-vision,.container{
        width: 100%;
        /* padding-right: 25px; */
        padding-left: 15px;
        margin-right: auto;
        /* margin-left: 27px; */
    }
    .events .card {
        padding: 20px;
        width: 100%;
        margin-left: 10px;
    }
    .container,.events,.col-md-6,.card{
        margin-left:0!important;
    }
    .context {
        text-align: left;
        padding-left: 15px;
        padding-bottom: 0;
        align-items: center;
        padding-top: 0;
        border-right-style: none;
    }
    .context p {
        font-weight: 0;
        display: flex;
        padding-right: 0;
    }
    .pdf {
        text-align: left;
        position: relative;
        left: 0%;
        padding-left: 0px;
        padding-bottom: 0;
        bottom: 0;
        color: #FFFFFF;
        padding-bottom: 0;
        align-items: center;
    }
    .pdf h2 {
        text-align: left;
        padding-left: 2px;
        padding-top: 0;
        padding-right: 88px;
        font-size: 33px;
    }
    .pdf,.card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: none;
        border-radius: 0.25rem;
        width: 90%!important;
        align-items:left;
        padding-left: 15px;
        padding-right: 15px; 
    }
    .pdf a:hover{
        color:#319144;
    }
    .context-sclc {
        color: black!important;
        background-color: transparent!important;
        border-color: black!important;
        font-weight: 600;
        border-left: 0;
        border-top: 0;
        border-right: 0;
        border-radius: 0;
        padding: 0;
        box-shadow: none!important;
        margin-bottom: 10%;
        padding-top: 0;
    }
    /* .sclc-praxis img{
        width:108px;
    } */
    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        /* left: 0px!important; */
        align-items: center;
    }
    .carousel-control-prev {
        left: 18px;
        top: 5px;
    }
    .far.fa-angle-left{
        right: 16px!important;
        position: relative;
    }
    .far {
        font-weight: 200;
        font-size: 35px;
        color: darkgray;
    }
    .our-work>.mobi-only>.carousel-inner{
        left: 0!important;
    }
    .events{
        margin-top:35px;
        margin-bottom:35px;
        /* padding-right: 26px; */
        /* padding-left: 10px; */ 
    }
    .about-page-board-of-trustees,.card{
        width:100%!important;
    }
    .about-page-staff-profile>.card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: none;
        border-radius: 0.25rem;
        width: 90%!important;
        align-items: left;
        padding-left: 15px;
        padding-right: 15px;
    } 
    .green-text-small{
        font-size: 12px;
        font-weight: 500;
        color:#319144;
        margin-bottom:0;
        padding-left:0;
    }
    .green-text {
        font-size: 12px;
        font-weight: 500;
        color: #319144;
        margin-bottom: 0;
        padding-left: 14px!important;
    }
    
    .green-text>.btn>.btn-primary{
        position:relative;
        top:8px;
    }
    .offices {
        margin-top: 23px;
    }
    .offices h2 {
        color: #319144;
        margin-bottom: 15px;
        font-weight: 600;
    }
    .offices h6 {
        color: black;
        font-weight: bold;
        padding-top: 34px;
    }
    .form-control {
        display: block;
        width: 121%;
        height: calc(1.5em + 0.75rem + 2px);
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .footer p {
        margin-top: 0;
        margin-bottom: 1rem;
        margin-left: auto;
        text-align: center;
        margin-right: auto;
        font-size: 15px;
        padding: 10px;
    }
    .footer-bottom a {
        font-size: 15px;
        padding-left: 0;
    }
    iFrame {
        width: 274px;
    }
   
}
@media (min-width: 425px) and (max-width: 766px){
    .navbar-toggler-icon {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        content: "";
        background: no-repeat center center;
        background-size: 100% 100%;
        position: relative;
        bottom: 30px!important;
        right: 10px;
    }
    .navbar-collapse {
        text-align: center;
        background-color: #fff;
        padding: 10px 0;
        width: auto!important;
        margin-right: 0;
        margin-left: 0px;
        bottom: 20px;
        position: relative;
    }
    .navbar {
        display: inline-block;
        margin-bottom: 0;
        list-style: none;
        position: absolute;
        right: 0px;
        z-index: 9999999;
        padding: 0;
        width: auto;
    }
    .navbar-expand-lg .navbar-nav .nav-link, .dropdown-menu a.dropdown-item {
        padding: 0px 20px!important;
        color: #000;
        font-size: 12px;
        font-weight: 400;
        line-height: 40px;
        text-align: center;
        display: inline-block;
        font-size: 13px;
    }
    .case-studies.home-programmes .card .card-body {
        min-height: 200px;
        position: relative;
        margin-bottom: 25px;
        padding: 14px;
    }
    .case-studies .card .card-body {
        min-height: 110px;
        position: relative;
        margin-bottom: 25px;
        padding-right: 15px;
        padding: 22px;
    }
    .case-studies .card .card-body p {
        padding-bottom: 54px;
    }
    .btn-primary1 {
        position: absolute;
        top: 73%;
        color: black!important;
        background-color: transparent!important;
        border-color: black!important;
        font-weight: 600;
        border-left: 0;
        border-top: 0;
        border-right: 0;
        border-radius: 0;
        padding: 0;
        box-shadow: none!important;
    }
    .our-vision .card-body {
        background-color: #BCDCC2;
        z-index: auto;
        padding: 30px;
    }
    .events{
        padding-right: 27px;
    }
    .workers-platform, .card-text p{
        padding-top: 22px!important;
    }
    .context {
        text-align: left;
        padding-left: 15px;
        padding-bottom: 0;
        align-items: center;
        padding-top: 0;
        border-right-style: none;
    }
    .context p {
        font-weight: 0;
        display: flex;
        padding-right: 0;
    }
    .pdf {
        text-align: left;
        position: relative;
        left: 0%;
        padding-left: 0;
        padding-bottom: 0;
        bottom: 0;
        color: #FFFFFF;
        padding-bottom: 0;
        align-items: center;
    }
    .pdf h2 {
        text-align: left;
        padding-left: 0px;
        padding-top: 0;
        /* padding-right: 108px; */
    }
    .pdf, .card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: none;
        border-radius: 0.25rem;
        width: 87%!important;
        align-items: left;
        padding-left: 15px;
        padding-right: 15px;
        /* right: 22px; */
    }
    .upcoming-events {
        background-image: url(/images/home/eventbackground.jpg);
        background-position: center;
        background-size: cover;
        padding: 6% 0;
        margin-bottom: 0!important;
        height: auto;
    }
    /* .our-vision, .card{
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: 0.25rem;
        margin-bottom: 20px;
        left: 26px;
    }
    .our-vision .card-body {
        background-color: #BCDCC2;
        z-index: auto;
        padding: 40px;
    }
    .our-vision,.container{
        width: 100%;
        padding-right: 25px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    
    } */
    .our-work {
        padding: 5% 0;
        background-color: #242121;
        margin-top: 7%;
    }
    .offices {
        margin-top: 36px;
    }
    .offices h2 {
        color: #319144;
        margin-bottom: 0;
        font-weight: 600;
    }
    .offices h6 {
        color: black;
        font-weight: bold;
        padding-top: 34px;
    }
    .sclc-praxis{
        width:108px;
    }
    .context-sclc {
        color: black!important;
        background-color: transparent!important;
        border-color: black!important;
        font-weight: 600;
        border-left: 0;
        border-top: 0;
        border-right: 0;
        border-radius: 0;
        padding: 0;
        box-shadow: none!important;
        margin-bottom: 10%;
        padding-top: 0;
    }
    .footer p {
        padding: 10px;
        margin-top: 0;
        margin-bottom: 1rem;
        margin-left: auto;
        text-align: center;
        margin-right: auto;
    }
    .about-page-board-of-trustees,.card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: none;
        border-radius: 0.25rem;
        width: 100%!important;
        align-items: left;
        padding-left: 0px;
        padding-right: 0px;
        right: 0px;
    }
    iFrame {
        width: 325px;
        height: 240px;
    }
    .carousel-inner>.work{
        left:0!important;
    }
    
    .about-page-staff-profile>.mobi-only>.carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        /* left: 12px!important; */
    }
    .form-control {
        display: block;
        width: 118%;
        height: calc(1.5em + 0.75rem + 2px);
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .far.fa-angle-left{
        right: 0px!important;
        position: relative;
    }
    .far {
        font-weight: 200;
        font-size: 35px;
        color: darkgray;
    }
}
@media (max-width: 767px){
    .mobi-only {
        display: block!important;
        margin-bottom: 21px;
    }
	.mobi-0 {
		display: none!important;
	}
	.right-align.mobi-only {
		display:inline-block!important;	
	}
    .mt-4, .my-4 {
        margin-top: 0.5rem!important;
        margin-bottom: 27px;
    }
    .SCLC-Praxis,.mobi-only{
        width:100%;
        
    }
    .navbar .navbar-toggler {
        border-color: transparent;
        font-size: 25px;
        /* float: right; */
        padding-right: 0;
        padding-top: 43px;
    }
    .navbar-toggler-icon {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        content: "";
        background: no-repeat center center;
        background-size: 100% 100%;
        position: relative;
        bottom: 36px;
    }
    .navbar-nav, .navbar {
        width: 100%;
    }
    /* .navbar {
        display: inline-block;
        margin-bottom: 0;
        list-style: none;
        position: absolute;
        left: 0px;
        right: -10px;
        z-index: 9999999;
        padding: 0;
        width: auto;
    } */
    .navbar-collapse {
        text-align: center;
        background-color: #fff;
        padding: 10px 0;
        width: auto!important;
        margin-right: 0;
        margin-left: 0px;
    }
   
    /* .navbar-expand-lg .navbar-nav .nav-link, .dropdown-menu a.dropdown-item {
        padding: 0px 20px!important;
        color: #000;
        font-size: 12px;
        font-weight:400;
        line-height: 40px;
        text-align: center;
        display: inline-block;
        font-size: 15px;
    } */

    .navbar-nav .nav-item.active .nav-link, .navbar-nav .nav-item .nav-link:focus, .navbar-nav .nav-item .nav-link:hover {
        color: #000!important;
        line-height: 30px;
        padding: 0px!important;
    }
    .carousel__button {
        width: var(--carousel-button-width, 48px);
        height: var(--carousel-button-height, 48px);
        padding: 0;
        border: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: all;
        cursor: pointer;
        background: var(--carousel-button-bg, transparent);
        border-radius: var(--carousel-button-border-radius, 50%);
        box-shadow: var(--carousel-button-shadow, none);
        transition: opacity .15s ease;
    }
    
    .logo {
        width: 50%;
        height: auto;
        margin-right: 0;
        float: left;
        position: relative;
    }
    img{
        width: 100%;
        height:auto;
    }
    .dropdown-item {
        display: block;
        width: 100%;
        clear: both;
        font-weight: 500;
        color: #212529!important;
        text-align: center;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
        padding-left: 0!important;
        padding-right:0!important;
    }
    .dropdown-menu {
        position: absolute;
        z-index: 1000;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff;
        padding-left: 0;
        padding-right: 0;
        width: auto;
        border-radius: 0;
        border: 0;
        margin: 20px 0;
        box-shadow: none!important;
    }
    .modal-title {
        font-weight: 600;
        margin-bottom: 30px;
        font-size: 25px;
    }
    .dropdown-item.active, .dropdown-item:active {
        text-decoration: none;
        background-color: transparent;
        border: 0;
        outline: 0;
    }
    .home-header h1 {
        color: #319144;
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 26px;
        padding-top: 25px;
    }
  
    .home-about-us .mt-5.line-under p {
        margin-top: 0;
        margin-bottom: 1rem;
        padding-right: 30px;
    }
    .praxis-image1 {
        margin-left: 0; 
        padding-left:0;
        padding-right:0;
    }
    .footer-overlay {
        position: absolute;
        top: 4%;
        width: 100%;
        text-align: center;
        left: 0;
        right: 0;
    }
    .footer-logo img {
        width: 89%;
        margin-top:16px;
    }

    .media-right {
        font-size: 10px;
        min-height: 300px;
        color: #BCDCC2;
        background-color: #319144;
        width: 100%;
        clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%)!important;
        margin-left: 0px;
        padding: 0;
    }
    .col-md-6.footer-links ul {
        margin-top: 10px;
        margin-bottom: 0rem;
        margin-left: -70px;
    }
    .footer-links {
        display: block;
        text-align: center;
        margin-top: 40px;
        padding-left: 0;
    }
    .media-left {
        background-color: #EEF3EF;
        min-height: 150px;
        /* margin-left: -0.5rem!important; */
        display: block;
        clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%)!important;
        padding-left: 20px;
        margin-right: 0px;
        width:100%;
    }
    .footer-links li {
        display: block;
        margin-left: 0;
        margin-top: 10px;
        margin-right: 0;
    }
    /* .footer p {
        margin-bottom: 1rem;
        margin-left: auto;
        text-align: center;
        margin-right: auto;
        padding-left: 20px;
        padding-top: 18px;
    } */
    .footer-item1 .dropdown-menu {
        top: -180px!important;
        left: -25px!important;
        width: auto;
        right: -15px;
        will-change: unset!important;
        transform: none!important;
        bottom: auto;
    }
    .praxis-text {
        padding: 0 15% 0 15%;
        /* margin: 0 0; */
        color: #319144;
    }

    .home-header {
        background-image: url('/images/home/header-background.png');
        background-position: center;
        background-size: cover;
        height: 55vh;
    }
    .home-about-text {
        padding-left: 19px;
    }
    .home-about-text h2 {
        text-align: initial;
        color: #319144;
        font-weight: 700;
        margin-top: 21px;
    }
    .registration .registration-items {
        padding-bottom: 5px;
        padding-right: 29px;
    }
    .page-header {
        background-color: #319144;
        padding-top: 12%;
        padding-bottom: 10%;
    }
    /* .form-control {
        display: block;
        width: 117%;
        height: calc(1.5em + 0.75rem + 2px);
        padding: 0.375rem -2.25rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    } */
    .form h2 {
        color: #319144;
        font-weight: 600;
        margin-left: 1px;
        margin-bottom: 19px;
    }
    .praxis-text {
        padding: 12px 1% 0 9px;
        /* margin: 0 0; */
        color: #319144;
    }
    .about-page-praxis .praxis-text {
        padding: 0px 15px 20px 15px;
    }
    .praxis-text h3 {
        font-weight: 600px;
        margin-top: 8%;
        margin-bottom: 13%;
    }
    .case-studies h2 {
        text-align: initial;
        color: #319144;
        font-weight: 700;
        margin-top: 23px;
        margin-bottom: 10px;
    }
    .board-of-trustees h2 {
        color: #319144;
        font-weight: 600;
        align-content: center;
        margin: 10% 0 10% 0;
    }
    /* .card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: 0.25rem;
        margin-bottom: 20px;
    } */
    .form-group {
        box-sizing: content-box;
        margin-left: 0;
    }
    .paragraph-text p {
        margin-top: 46px;
        margin-bottom: 32px;
    }
    .line-under {
        position: relative;
        line-height: 40px;
        /* margin-bottom: 20px; */
    }
    .about-page {
        padding: 60px 0;
    }
    .statement {
        border-left: 10px solid #BCDCC2;
        color: #319144;
        margin-bottom: 0;
    }
    .registration-details h2 {
        margin-bottom: 20px;
        margin-top: 30px;
    }
    .registration-items li, .registration-items a {
        color: #fff;
        display: inline-flex;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .footer p {
        margin-top: 0;
        margin-bottom: 1rem;
        margin-left: auto;
        text-align: center;
        margin-right: auto;
    }
    .our-mission h3 {
        color: #319144;
        font-weight: bold;
        align-content: center;
        margin: 8% 0 8% 0;
    }
    .our-mission h2 {
        color: #319144;
        font-weight: bold;
        align-content: center;
        margin: -3% 0 13% 0;
    }
    .staff-profile h2 {
        color: #319144;
        font-weight: 600;
        margin-bottom: 24px;
    }
    .staff-profile p {
        margin-top: 0;
        margin-bottom: 4rem;
    }
    .staff-profile {
        margin: -1px 0 26px 0;
    }
    /* .about-page-staff-profile .card {
        border: 0;
        padding: 5px;
        margin-top: -18px;
    } */
    .home-about-text h2 {
        text-align: initial;
        color: #319144;
        font-weight: 700;
        margin-top: 41px;
    }
    .home-about-us img {
        margin-top:20px;
    }
    /* .events {
        margin-top: 35px;
    } */
    .our-vision {
        background-size: cover;
        background-position: center;
        height: 452px;
        padding: 15% 0 10% 0;
        margin-top: 0;
    }
    .text-white {
        color: #fff!important;
        padding-top: 23px;
    }
   
    .our-vision .card-body h2 {
        color: #319144;
        margin-bottom: 39px;
        font-size: 30px;
        font-weight: 600;
    }
    .about-page-staff-profile .gallery h2 {
        color: #319144;
        font-weight: 700;
        text-align: left;
        margin-bottom: 53px;
        margin-top: -16px;
    }

    #map, #map2 {
        height: 250px;
        width: 100%;
        margin-bottom: -18px;
    }

    .btn.btn-primary.message {
        margin-left: 0;
    }
}
/* Tablet & small screens: */
@media (min-width: 768px) and (max-width: 991px){
    
    .dropdown-menu {
        z-index: 1000;
        color: #212529;
        text-align: center;
        list-style: none;
        background-color: #fff;
        width: 350px;
        border-radius: 0;
        border: 0;
        box-shadow: none!important;
        margin-left: 219px!important;
        padding-top: 20px!important;
    }
    .footer-links li {
        display: block;
        margin-right: 23px;
        padding-left: 0!important;
        margin-left: 16px;
        text-align: center;
    }
    .footer-item1 li, .nav-link {
        display: contents;
        padding: 0.5rem 1rem;
    }
    .footer-item1 a {
        line-height: 30px;
    }
    .footer-overlay {
        position: absolute;
        top: 15%;
        width: auto;
        text-align: left;
        left: 7%;
        right: 20px;
    }
    .footer-bottom ul, .footer-bottom p {
        margin-top: 0;
        margin-bottom: 1rem;
        padding-top: -10px;
        margin-left:0!important;
    }
    .footer-logo img {
        width: 100%;
        margin-top: 20%;
    }
    .dropdown-item {
        display: block;
        width: 100%;
        padding: 0.25rem 0.5rem;
        clear: both;
        font-weight: 500;
        color: #212529!important;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 19px;
        padding-left: 13px;
        padding-top: 20px;
        font-size: 15px;
        text-align: center;
        color: #242121;
        font-weight: 500;
        white-space: nowrap;
        display: absolute;
        position: relative;
        padding-bottom: 44px;
        width: auto;
    }
    #header-navbarNavDropdownLink{
        color:#242121;
    }
    .navbar-collapse {
        text-align: center;
        background-color: #fff;
        margin-right: -24px;
        margin-left: -204px;
        padding-top: 35px;
        padding-bottom: 15px;
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-nav, .navbar {
        width: 100%;
    }
    .navbar-nav {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        list-style: none;
    }
    .navbar {
        display: inline-block;
        margin-bottom: 0;
        list-style: none;
        position: absolute;
        left: 0; 
        right: 0;
        z-index: 9999999;
        padding: 0;
    }
    .navbar-toggler-icon i {
        vertical-align: middle;
        padding: 14px;
        margin-left: 0;
    }
    .line-under {
        position: relative;
        line-height: 40px;
        margin-bottom: 32px;
        margin-top: 29px;
    }

    .home-header {
        /* background-image: url('/images/home/header-background.png');
        background-position: center;
        background-size: cover; */
        height:64vh;
    }
    .home-about-text h2 {
        text-align: initial;
        color: #319144;
        font-weight: 700;
        margin-top: 51px;
    }
    .home-about-text {
        padding-left: 15px!important;
    }
    .home-about-us {
        padding: 3% 5%;
    }
    .home-about-us .mt-5 p {
        margin-top: 0;
        margin-bottom: 1rem;
        padding-right: 15px;
    }
    .home-about-us-text-pr-2 p .mt-5 p{
        padding-left:0!important;
    }
    .context-sclc h2 {
        font-size: 2rem;
        font-weight: 500;
        color: #319144;
        margin-top: 4%;
        font-weight: 700;
        margin-bottom: 45px;
    }
    .home-header h1 {
        font-size: 34px;
        margin-bottom: 26px;
    }
    .context br{
        display:none;
    }
    .about-page-staff-profile>.card{
        padding:5px;
       
    }
    .pdf, .card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: none;
        border-radius: 0.25rem;
        width: 39%;
        /* right: 189px; */
    }
    .pdf h2 {
        text-align: left;
        padding-right: 0%;
    }
    .context {
        text-align: left;
        padding-left: 58px;
        padding-bottom: 32px;
        align-items: center;
        padding-top: 15px;
        border-right-style: solid;
    }
    .context p {
        font-weight: 0;
        display: flex;
        padding-right: 0px;
    }
    .col-md-6 ul, .footer-links ul{
        margin-top: 0;
        margin-bottom: 25px;
        margin-left: -77px;
    }
    .workers-platform p {
        padding-top: 1px;
    }
    .btn-primary1{
        position:absolute;
        top:99%;
        color: black!important;
        background-color: transparent!important;
        border-color: black!important;
        font-weight: 600;
        border-left: 0;
        border-top: 0;
        border-right: 0;
        border-radius: 0;
        padding: 0;
        box-shadow: none!important;
    }
    .forestry{
        padding-top: 72px!important;
    }
    .commonage{
        position: relative;
        bottom:27px!important;
    }
    .power-town{
        position: relative;
        bottom:27px!important;
    }
    .producers-platform{
        position: relative;
        bottom:27px!important;
    }
    .vrygronde{
        position: relative;
        bottom:27px!important;
    }
    .the-rise-of-redust{
        position: relative;
        bottom:27px!important;
    }
    .elizabeth{
        position: relative;
        bottom:27px!important;
    }
    .uproot{
        position: relative;
        bottom:27px!important;
    }
    .world-hunger{
        position: relative;
        bottom:27px!important;
    }
    .col-md-6 p,.land-access p,.card-text p{
        font-size:14px;
    }
    .green-text p,.card p,.card-body p{
        margin-top: 4px!important;
    }
    .green-text>.card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: none;
        border-radius: 0.25rem;
        width: 100%;
        right: 0px;
    }
    .footer p {
        margin-top: 0;
        margin-bottom: 1rem;
        padding-top: 10px;
        margin-left: 0;
        text-align: center;
        margin-right: 58px;
        padding-left: 51%;
    }
    
    .footer-links{
        padding-left: 0;
    }
    .footer-item1 .dropdown-menu {
        top: -20px!important;
        left: -100px!important;
    }
    .our-mission h2 {
        color: #319144;
        font-weight: bold;
        align-content: center;
        margin: 5% 0 9% 0;
    }
    .our-mission h3 {
        color: #319144;
        font-weight: bold;
        align-content: center;
        margin: 5% 0 5px 0;
    }
  
    .col-md-6.praxis-text.line-under h3{
        position: relative;
        line-height: 40px;
        margin-bottom: 40px;
        margin-top: 37px;
    }
    .col-md-6 p,.praxis-text p, .line-under p{
        margin-top: 0;
        margin-bottom: 3rem;
    }
    .sclc-praxis .col-md-6 p, .praxis-text p, .line-under p {
        margin-top: 52px;
        margin-bottom: 3rem;
    }
    .sclc-praxis a{
        width: 100% !important;
    }
    .case-studies .mt-5 {
        margin-bottom: 28px;
    }
    .case-studies.home-programmes .card .card-body {
        min-height: 200px;
        position: relative;
        margin-bottom: 25px;
        padding: 14px;
    }
   
    .footer-logo {
        width: 70%;
        padding-top: 40px;
    }
    .statement h2 {
        font-size: 25px;
    }
    .our-vision {
        height: 550px;
        padding: 10% 0 10% 0;
    }
    .form {
        padding-right: 20px;
    }
    .our-work {
        padding: 5% 0;
        background-color: #242121;
    }
    .col-md-6 ul, .footer-links ul {
        margin-top: -7px;
        margin-bottom: 25px;
        margin-left: -119px;
    }
    .our-vision .card-body h2 {
        color: #319144;
        margin-bottom: 44px;
        font-size: 30px;
        font-weight: 600;
    }
    .our-vision .card {
        border: none;
        width: 100%;
    }
    .about-page-board-of-trustees, .card{
        width:100%;
    }
    .praxis-text p, .line-under p {
        /* margin-top: 54px;
        margin-bottom: 3rem; */
        margin-left: 37px;
    }
    .praxis-text h3 {
        font-weight: 600;
        margin-left: 35px;
    }
    .form1 .form .btn.btn-primary{
        margin-left:20px;
    }
    .page-header h1 {
        color: #FFFFFF;
        font-weight: 500;
    }
    .navbar-nav li, .nav-item li{
        font-size: 15px;
        text-decoration: none;
        color: black;
        margin-bottom: 20px;
        margin-top:10px;
    }
    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
        margin-top: 10px;
        margin-bottom: 0;
    }
    .upcoming-events p>.events p>.col-md-6 p>.card-text p{
        font-size:14px;
    }
    .line-under {
        position: relative;
        line-height: 40px;
        margin-top: 29px;
    }
    .paragraph-text p {
        margin-top: 70px;
        margin-bottom: 46px;
    }
    .praxis-text {
        -ms-flex: 0 0 50%;
        flex: 0 0 1000%;
        max-width: 100%;
        margin-top: 33px;
    }
    .registration-items li, .registration-items a {
        padding: 10px 15px 0 15px;
    }
    .about-page-praxis .praxis-text {
        padding: 0 40px 0 0;
    }
    .events h4, .card-title h4{
        font-size:23px;
    }
    .offices p{
        margin-bottom: 8px;
    
    }
    iFrame{
        width: 407px;
    
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .dropdown-menu {
        position: absolute;
        z-index: 1000;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff;
        padding-left: 0;
        padding-right: 0;
        width: 350px;
        border-radius: 0;
        border: 0;
        margin: 15px 0 0;
    }
    .praxis-image img{
        width: 100%;
        height: 65vh!important;
    }
    .line-under {
        position: relative;
        line-height: 40px;
        margin-bottom: 24px;
    }
    .praxis-text h3 {
        font-weight: 600px;
        padding-top: 10px;
    }
    .btn.btn-primary.ban {
        margin-bottom: -23px;
    }
    .btn.btn-primary.ban1{
        margin-bottom: -24px;
    }
    .home-about-text {
        margin-right: 0;
        padding-bottom: 29px;
        padding-top: 24px;
        padding-left: 0;
    }
    .home-header p {
        font-size: 14px!important;
    }
    .home-header h1 {
        color: #319144;
        font-size: 34px;
        font-weight: 600;
        margin-bottom: 34px;
        padding-top: 12px;
    
    }
    .green-text>.card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: none;
        border-radius: 0.25rem;
        width: 100%!important;
        right: 0px;
    }
    .btn-primary1 {
        position: absolute;
        top: 75%;
        color: black!important;
        background-color: transparent!important;
        border-color: black!important;
        font-weight: 600;
        border-left: 0;
        border-top: 0;
        border-right: 0;
        border-radius: 0;
        padding: 0;
        box-shadow: none!important;
    }
    .forestry{
        padding-top: 47px!important;
    }
    .commonage{
        position: relative;
        bottom:72px!important;
    }
    .power-town{
        position: relative;
        bottom:72px!important;
    }
    .producers-platform{
        position: relative;
        bottom:72px!important;
    }
    .vrygronde{
        position: relative;
        bottom:72px!important;
    }
    .the-rise-of-redust{
        position: relative;
        bottom:72px!important;
    }
    .elizabeth{
        position: relative;
        bottom:72px!important;
    }
    .uproot{
        position: relative;
        bottom:8px!important;
    }
    .world-hunger{
        position: relative;
        bottom:57px!important;
    }
    .case-studies .card .card-body {
        margin-bottom:0!important;
    }
    .land-access>.card{
        width:100%!important;
        right:0px!important;
    }
    .workers-platform>.card{
        width:100%!important;
        right:0px!important;
    }
    .upcoming-events {
        background-image: url(/images/home/eventbackground.jpg);
        background-position: center;
        background-size: cover;
        padding: 6% 0;
        margin-bottom: 0!important;
        height: auto;
    }
    .context {
        text-align: left;
        padding-left: 110px;
        padding-bottom: 0px;
        align-items: center;
        padding-top: px;
        border-right-style: solid;
    }
    .context p {
        font-weight: 0;
        display: flex;
        padding-right: 29px;
    }
   
    .pdf>.card {
        position: relative;
        border-radius: 0.25rem;
        width: 60% !important;
        right: 20%;
    }
    .pdf{
        top: -12px;
    }
    .pdf h2 {
        text-align: left;
        padding-right: 23%;
    }
    .context{
        padding-top: 0px;
    }
    .context p {
        font-weight: 0;
        display: flex;
        padding-right: 29px;
        position: relative;
        bottom: 26px;
    }
    .covid>.btn-primary, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
        color: black!important;
        background-color: transparent!important;
        border-color: black!important;
        font-weight: 600;
        border-left: 0;
        border-top: 0;
        border-right: 0;
        border-radius: 0;
        padding: 0;
        box-shadow: none!important;
        position: relative;
        bottom: 27px;
    }
    .case-studies .card .card-body .btn-primary {
        position: absolute;
        left: 0;
        bottom: 17px;
    }
    .about-page-staff-profile,.card{
        width:100%!important;
    }
    .mt-lg-0{
        margin-top: 0!important;
        padding-right:20px;
    }
    .home-about-text.operation{
        padding-bottom: 29px;
        padding-top: 24px;
        margin-left:52px;
    }
    .our-vision .card {
        border: none;
        width: 100%!important;
        right:0px;
    }
   
    .footer-links {
        list-style-type: none;
        margin-left: -105px;
    }
    .footer p {
        margin-top: 0;
        margin-bottom: 1rem;
        padding-left: 43%;
    }
    .footer-item1 .dropdown-menu {
        top: -20px!important;
        left: -203px!important;
    }
    .footer-logo img {
        width: 63%;
    }
    .btn.btn-primary.message{
        margin-left: 19px;
    }
    .line-under {
        position: relative;
        line-height: 40px;
        margin-bottom: 0;
    }
    .about-page1-staff-profile .gallery h2 {
        color: #319144;
        font-weight: 700;
        text-align: left;
        margin-bottom: 53px;
        margin-top: 9px;
    }

    .home-header {
        height: 63vh;
    }

    .home-header img {
        width: 65%;
    }

    .statement h2 {
        font-size: 28px;
    }

    .our-vision {
        height: 500px;
    }

    .praxis-text {
        padding: 0 1% 0 3%;
    }

    .praxis-text p{
        margin-top: 30px;
        margin-bottom: 1rem;
    }
    /* .about-page-board-of-trustees, .card{
        width:100%!important;
        right:0px!important;
    } */
    .programme-header .praxis-text {
        padding: 0 50px;
    }

    .programme-header .praxis-text p {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .our-vision .card-body h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .case-studies .card .card-body {
        min-height: 160px;
    }

    .registration .registration-items {
        padding-left: 0;
    }

    .media-right {
        min-height: 250px;
    }

    .offices p {
        font-size: 15px;
    }
    iFrame {
        width: 293px;
        height: 169px;
    }
    
}

/* Laptop: */
@media (min-width: 1200px) and (max-width: 1290px){
    .navbar.navbar-expand-lg{
        align-items: center!important;
        margin-left: 176px;
    }
    .line-under {
        position: relative;
        line-height: 40px;
        margin-bottom: 26px;
    }
    .home-header {
        height: 76vh;
    }
    .home-header img {
        width: 55%;
    }
    .home-about-text {
        margin-left: 0;
        padding-left: 0;
    }
    .home-about-text.operation {
        margin-left: 40px;
    }
    .home-about-text .about {
        margin-right: 0;
    }
   
    .home-header h1 {
        color: #319144;
        font-size: 41px;
        font-weight: 600;
        margin-bottom: 34px;
    }
    .logo-header {
        width: 100%;
        height: auto;
    }
    .logo-header img {
        width: 90%;
    }
    .card-img-overlay {
        position: absolute;
        top: 62px;
        right: 0;
        left: 269px;
        padding: 1.25rem;
    }
    .context {
        text-align: left;
        padding-left: 134px;
        padding-bottom: 32px;
        align-items: center;
        padding-top: 1px;
        border-right-style: solid;
    }
    .btn-primary1 {
        position: absolute;
        top: 77%;
        color: black!important;
        background-color: transparent!important;
        border-color: black!important;
        font-weight: 600;
        border-left: 0;
        border-top: 0;
        border-right: 0;
        border-radius: 0;
        padding: 0;
        box-shadow: none!important;
    }
    .ejp>.mt-4{
        position: relative;
        top:10px!important;
    }
    .forestry {
        padding-top: 26px!important;
    }
    .commonage{
        position: relative;
        bottom:32px!important;
    }
    .power-town{
        position: relative;
        bottom:32px!important;
    }
    .producers-platform{
        position: relative;
        bottom:32px!important;
    }
    .vrygronde{
        position: relative;
        bottom:32px!important;
    }
    .the-rise-of-redust{
        position: relative;
        bottom:32px!important;
    }
    .elizabeth{
        position: relative;
        bottom:32px!important;
    }
    .uproot{
        position: relative;
        bottom: 7px!important;
    
    }
    .world-hunger{
        position: relative;
        bottom:32px!important;
    }
    .case-studies .card .card-body {
        margin-bottom:0!important;
    }
    .land-access>.card{
        width:100%!important;
        right:0px!important;
    }
    .workers-platform>.card{
        width:100%!important;
        right:0px!important;
    }
    .context p {
        font-weight: 0;
        display: flex;
        padding-right: 208px;
    }
    .pdf>.card{
        width: 51%!important;
        right: 123px!important;
    }
    .pdf h2 {
        text-align: left;
        padding-right: 178px;
        padding-top: 16px;

    }
    .covid {
        font-weight: 100;
        position: relative;
        bottom: 21px;
    }
    .board-of-trustees{
        position:relative;
        /* right:5%; */
    }
    .staff-profile {
        margin: 0px 0 40px 0;
        position: relative;
        /* right: 5%; */
    }
    .context-sclc h2 {
        font-size: 2rem;
        font-weight: 500;
        color: #319144;
        margin-top: 7%;
        font-weight: 700;
        margin-bottom: 45px;
    }
    
    .our-vision {
        height: 600px;
    }

    .praxis-text {
        margin: 0px 26px;
        padding: 12px 5% 0 5%;
    }
   .praxis-image img{
        padding: 40px 0 40px;
    }
    .praxis-image1 {
        margin-left: -15px; 
        padding: 40px 0 40px 0;
    }
    
    .offices p {
        font-size: 15px;
    }
    /* .context-sclc h2 {
        font-size: 2rem;
        font-weight: 500;
        color: #319144;
        margin-top: 12%;
        font-weight: 700;
        margin-bottom: 45px;
    } */
    .about-page-board-of-trustees, .card{
        width:100%!important;
        right:0px!important;
    }

}
@media (min-width: 1291px) and (max-width: 1439px), (min-height: 300px) and (max-height: 650px) and (orientation: landscape){
    .home-header h1 {
        color: #319144;
        font-size: 37px;
        font-weight: 600;
        margin-bottom: 19px;
       
    }
    .home-header p {
        font-weight: 400;
        margin-bottom: 16px;
    }
    .home-header img {
        width: 75%;
        margin-bottom: 0;
        margin-top: 25px;
    }
    .upcoming-events {
        background-image: url(/images/home/eventbackground.jpg);
        background-position: center;
        background-size: cover;
        padding: 4% 0;
        margin-bottom: 0!important;
        height: auto;
    }
    .context p {
        font-weight: 0;
        display: flex;
        padding-right: 161px;
    }
    .our-vision>.card-body {
        background-color: #BCDCC2;
        z-index: auto;
        padding: 70px;
        right: 0!important;
    }
    .our-vision {
        height: 700px;
        padding: 10% 0 10% 0;
    }
}
@media (min-width: 1440px) and (max-width: 1600px){
    /* .green-text,.card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: none;
        border-radius: 0.25rem;
        width: 100%!important;
        right: 0px!important;
    }
    .col-md-4>.card{
        position: relative;
        left: 57%!important;
    }
    .green-text,.card,.card-body{
        padding-left: 17%!important;
    
    }
    .card-body,.green-text{
        padding-left: 0;
        position: relative;
        right:0;
    }
    .our-vision .card-body {
        background-color: #BCDCC2;
        z-index: auto;
        padding: 30px;
        right:0!important;
    }
    .forestry{
        padding-top: 27px!important;
    }
    .commonage{
        position: relative;
        bottom:32px!important;
    }
    .power-town{
        position: relative;
        bottom:32px!important;
    }
    .producers-platform{
        position: relative;
        bottom:32px!important;
    }
    .vrygronde{
        position: relative;
        bottom:32px!important;
    }
    .the-rise-of-redust{
        position: relative;
        bottom:32px!important;
    }
    .elizabeth{
        position: relative;
        bottom:32px!important;
    }
    .uproot{
        position: relative;
        bottom:32px!important;
    }
    .world-hunger{
        position: relative;
        bottom:32px!important;
    }
    .green-text>.card-body{
        right: 1%!important;
    
    }
    .image{
        right: 1%!important;
    }
    .land-access>.card{
        width:100%!important;
        right:0px!important;
    }
    .workers-platform>.card{
        width:100%!important;
        right:0px!important;
    }
    .praxis-text {
        padding: 0 9% 0 2%;
    }
    .pdf>.card-body{
        padding-left: 0;
        position: relative;
        right: -16%!important;
    
    }
    .pdf, .card {
        width: 42%!important;
        /* right: 57px!important; */
        /* position: relative;
    }
    .our-vision, .card{
        width:100%!important;
    }
    .btn.btn-primary.message {
        margin-left: 0;
    }
    .home-header {
        height: 77vh
    }
    a:hover {
        color: none;
        text-decoration: none;
    }
    .praxis-image1 {
        margin-left: -15px;
    } */
}