.stxt_flex_container{
        margin-top:10px;
    }
    
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
    .stxt-arrow-left,
    .stxt-arrow-right {
        display:none;
    }
    .stxt-hide {
        display:none;
    }    

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    .stxt-text-left {
    }
    .stxt-text-right {
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .stxt-flex-container-text-left{
        display:flex;
        flex-direction:row-reverse;
        align-items:center;
    }
    .stxt-flex-container-text-right{
        display:flex;
        flex-direction:row;
        align-items:center;
    }
    .stxt-text-left {
        padding-right:20px;
        max-width:48%;
    }
    .stxt-text-right {
        flex-direction:row;
        padding-left:20px;
        max-width:48%;
    }
    .stxt-stack-left {
        width:50%;
        flex-direction:row;
    }
    .stxt-stack-right {
        width:50%;
        flex-direction:row-reverse;
    }
    .stxt-arrow-right {
        display:block;
        position:absolute;
        left:0;
      width: 0; 
      height: 0; 
      /*top:-60px;
      border-top: 60px solid transparent;
      border-bottom: 60px solid transparent;      
      border-left: 60px solid red;*/
    }
    .stxt-arrow-left {
        display:block;
        position:absolute;
        right:0;
      width: 0; 
      height: 0; 
      /*top:-60px;
      border-top: 60px solid transparent;
      border-bottom: 60px solid transparent;       
      border-right:60px solid red;*/ 
    }
    .stxt-arrow-container {
        position:relative;
        width:0;
        height:0;

}

/* Large devices (large desktops, 1200px and up) */
/*@media (min-width: 1200px) { ... }    
    .itxt-text-left {
    }
    .itxt-text-right {
    }*/