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

    .txt-img-container.gb-container.alignfull {
        padding: 0 0 60px 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;
    }
}    

@media only screen and (min-width: 768px) {
    .txt-img-container.gb-container.alignfull {
        padding: 0 0 80px 0;
    }

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

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

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

    .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 {
        height: 100%;
    }

    .txt-img-container .img-container figure {
        display: flex;
        align-items: flex-end;
        flex-direction: column;
    }

    .txt-img-container .img-container figure img.letters {
        max-width: 100%;
        height: 80%;
        object-fit: cover; 
        display: block;
        padding-top: 20px;
        padding-left: 20px;
    }

    .txt-img-container .img-container figure img.computer,
    .img-txt-container .img-container figure img.computer {
        max-width: 100%;
        height: 100%;
        object-fit: cover; 
        display: block;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .txt-img-container .txt-img-inner-container {
        margin-left: calc(-100vw / 2 + 100% / 2);
        margin-right: calc(-100vw / 2 + 100% / 2);
        max-width: 100vw;
        width: auto;
    }
    
    .gb-container.txt-container p {
        margin-bottom: 1em;
    }
  
}

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

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