.programs-container{
    display: grid;
    grid-template-columns: .8fr 1fr;
    position: relative;
    grid-gap: 2rem;
    margin: 4rem 0;
}

.programs-side-left{    
    height: 100vh;
    position: sticky;
    top: 0;
    left: 0;
    border-right: solid 1px;
    display: grid;
    grid-gap: 4rem;
    justify-content: start;
    align-content:center;
    padding-right: 10px;
}

.programs-title{
    font-size: 195px;
    line-height: 154px;
    font-family: 'EB Garamond', serif;
}

.programs-desc{
    width: 50%;
}

.programs-side-right{
    display: grid;
    grid-gap: 2rem;

}

.programs-program{
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-row-gap: 2rem;
}

.progrmas-img{
    width: 100%;
    height: 100%;
    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat;
}

.progrmas-program-content{
    display: grid;
   /* grid-template-rows: 2.5fr 1fr .5fr; */
    grid-gap: 2rem;
    border-bottom: solid 1px;
    padding-bottom: 1rem;
}

.programs-logo-contanier{
    /* position: relative;
    width: 80%;
    justify-self: start; */
}   

.programs-logo-img{
	/*  position: absolute; */ 
	/* background-position: center; */
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	width: 100%;
	height: 10vh;
}

.programs-logo-text{
   /* position: absolute; */
    bottom: 0;
    right: 0;
    display: grid;
    justify-content: end;
    align-content: end;
    font-size: calc( 3rem + 1vw);
    line-height:100%;
    font-style: italic;
}

.programs-btn{
    text-decoration: none;
    color: var(--black);
    justify-self: end;
    align-self: end;
}

.programs-v-text{

}

.progrmas-program-content-v{
     /* grid-template-rows: 1fr 1fr .5fr ;*/ 
}

.programs-logo-contanier-v{
    width: 100%;
}

@media (max-width: 1000px) {
    .programs-container{
        grid-template-columns: 1fr;
        grid-gap: 5rem;
    }

    .programs-title{
        font-size: calc( 5rem + 8vw);
        line-height: 90%;
    }

    .programs-desc{
        width: 100%;
    }

    .programs-side-left{    
        height: auto;
        position: relative;        
        border-right: none;
        grid-gap: 3rem;
    }
    
    .progrmas-img{
        height: 50vh;
    }

    .programs-program {
        grid-template-rows: 1fr;
    }

    .progrmas-program-content {
      /*  grid-template-rows: 1.5fr 1fr .5fr; */
    }

    .programs-logo-contanier {
        position: relative;
        width: 100%;
    }
}


@media (max-width: 500px) {
    
    .progrmas-program-content-v {
        /* grid-template-rows: .7fr 1fr .5fr !important; */
    }

    .programs-v-text{
        font-size: 6vh;
        line-break: anywhere;
        line-height: 100%;
        bottom: 20%;
        text-align: end;
    }

    .progrmas-img {
        background-size: cover; 
    }


}