*{
    margin: 0;
    padding: 0;
}
div.lenta{
    display: inline-block;
    text-align: center;
    height: 100vh;
    grid-area: lenta;
    width: 14vw;
 
}
div.crta{
    background-color: #5e7856;
    display: inline-block;
    width: 50%;
    height: 88vh;
}
div.lenta-razmak{
    
    grid-area: lenta-razmak;
    position: absolute;
}
div.puno{
    width: 0; 
    height: 0; 
    border-left: 6vw solid transparent;
    border-right: 6vw solid transparent;
    border-top: 6vw solid #5e7856;
    position: relative;
    bottom: 10px;
    margin: 0 auto;
}
.tekst{
    width: auto;
    grid-area: tekst;
}
div.lenta-container{
    margin-top: 15px;
    display: grid;
    grid-template-columns: 14vw auto;
    grid-template-areas: "lenta-razmak tekst";
    height: 101vh;
}

clearfix::after{
    display: table;
    content: "";
    clear: both;
}

@media only screen and (max-width: 480px){
    
}
@media only screen and (max-width: 930px){
   
    div.crta{
        height: 93vh;
    }
    
}