@media only screen and (min-width: 360px) {
    .txt-img-container {
        margin-left: 40px;        
    }

    .txt-img-container.gb-container.alignfull {
        padding: 0;
    }

    .txt-img-container .txt-img-inner-container > .gb-grid-wrapper {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .gb-container.txt-container {
        padding: 30px;
    }

    .bg-green-linear {
        background: linear-gradient(
            #DFFCF0,
            #B3EDD4,
            #E3FFF3
        );
    }

    .bg-blue-linear {
        background: linear-gradient(
            #F6F6FF,
            #DDDDF2,
            #F7F7FF
        );
    }

    .txt-img-container .overlap-img,
    .img-txt-container .overlap-img.horse,
    .img-txt-container .overlap-img.lento
     {
        display: none;
        position: absolute;
    }
    .txt-img-container .overlap-img.lippis{
        display: block;
        position: absolute;
        bottom: 10px;
        right: 10px;
    }

    .txt-img-container .overlap-img.data{
        display: block;
        position: absolute;
        top: 20px;
    }

    .txt-img-container .overlap-img.data2{
        display: block;
        position: absolute;
        bottom: 20px;
        left: 50px;
    }

    .img-txt-container .overlap-img.data3{
        display: block;
        position: absolute;
        top: 5px;
        right: 0px;
    }

    .double-img .overlap-img.phone2{
        display: block;
        position: absolute;
        bottom: 5px;
        right: 250px;
    }
}

@media only screen and (min-width: 768px) {

    .txt-img-container {
        margin-left: 0;    
    }

    .txt-img-container .txt-img-inner-container > .gb-grid-wrapper {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        max-width: 1280px;
        margin: 0 auto;
        padding:75px 0px 40px 0px;
    }

    .txt-img-container .txt-img-inner-container  .gb-grid-wrapper :first-of-type.gb-grid-column {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .txt-img-container .gb-grid-wrapper{
      justify-content: space-between;
    }
    .txt-img-container .gb-grid-wrapper .gb-grid-column{
      width:46%;
    }

    .txt-img-container .gb-grid-wrapper-8e09a732 {
        display: flex;
        align-items: stretch; 
    }

    .txt-img-container .gb-grid-column-86cfe971 {
        display: flex;
        align-items: center;
    }
    
    .txt-img-container .gb-grid-column-9e243834,
    .txt-img-container .gb-grid-column-86cfe971 {
        flex: 1 1 auto;       
        margin: 0;           
        box-sizing: border-box; 
    }
    
    .txt-img-container .img-container, .txt-img-container .img-container figure, .txt-img-container .img-container figure img {

    }

    .txt-img-container .img-container figure {
        display: flex;
        align-items: flex-end;
        flex-direction: column;
    }
    .txt-img-container .img-container figure img{
        width: auto;
        
        display: block;
    }
    .txt-img-container .img-container figure img.letters {
        max-width: 100%;
        height: 90%;
        display: block;
        
        width: 100%;
    }

    .txt-img-container .img-container figure img.computer,
    .img-txt-container .img-container figure img.computer {
        
    }

    .txt-img-container .txt-img-inner-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 2400px;
        width: 100vw;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .gb-container.txt-container p {
        margin-bottom: 1em;
    }

    .txt-img-container .overlap-img.poika{
        display: block;
        position: absolute;
        bottom: 10px;
        left: -120px;
    }

    .txt-img-container .overlap-img.lippis{
        display: block;
        position: absolute;
        bottom: 10px;
        right: 10px;
    }

    .img-txt-container .overlap-img.horse{
        display: block;
        position: absolute;
        bottom: 10px;
        right: -50px;
    }

    .img-txt-container .overlap-img.lento{
        display: block;
        position: absolute;
        bottom: 10px;
        right: -90px;
    }

    .txt-img-container .overlap-img.data{
        display: block;
        position: absolute;
        top: 20px;
    }

    .txt-img-container .overlap-img.data2{
        display: block;
        position: absolute;
        bottom: 20px;
        left: 50px;
    }

    .img-txt-container .overlap-img.data3{
        display: block;
        position: absolute;
        top: 5px;
        right: 0px;
    }
  
}

@media only screen and (min-width: 1024px) {
    .txt-img-container .txt-container {
        padding-left: 80px;
      }
}

@media only screen and (min-width: 1240px) {
    .txt-img-container .txt-container {
        max-width: 580px;
        padding:0px;
      }
}