.text-container{
        background-color:  #42748d;
        color: white;
        text-align: center;
    }
    .text-container a{
        background-color: #ff8300;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 700;
        -webkit-user-drag: none;
        -webkit-border-radius: 0px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-padding: 10px;
        -webkit-appearance:none;
    }
    
    .action-button{
        -webkit-border-radius: 0px;
    }
    
    .text-container h3{
        font-weight: 700;
    }
    
    .text-container .text, 
    .text-container h3{
         font-family: "Georgia","Museo-Sans",FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
    }
    
   .action-button-wrapper:hover{
        background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
        border-color: #ff8300;
        text-decoration: none;
    }
  
  
    
    a:hover{
        text-decoration: none !important;
    }


/* ========= desktop view start ==============*/

@media all and (min-width: 992px){
    
    .text-container{
        height: 460px;
        padding: 30px 15px 40px 15px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .action-button-wrapper{
        margin-top: 20px;
    }
    
     .text-container .text{
         font-size: 1.3em;
    }
     
     .text-container h3{
          font-size: 2em;
     }
     
     .text-container a{
          padding: 10px;
          font-size: 18px;
     }
     
     .row{
         margin: 0px;
     }
     
     .full-block.image-and-text-2col{
        margin-left: 10%;
        margin-right: 10%;
    }
    
    .full-block .row{
        padding: 1.2em 0px;
    }
    
}   

/* ========= desktop view end ==============*/


/* ========= mobile view start ==============*/

@media screen and (max-width: 991px){
   
    .text-container{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .text.container h3{
        font-size: 1.3em;
    }
    .text-container {
        padding: 15px 15px 30px 15px;
        align-items: center;
    }
    
    .text-container .text{
        font-size: 1.1em;
    }
    
    .text-container a{
        font-size: 16px;
        padding: 10px;
        width: fit-content;
    }
    .row{
        margin-left: 0px;
        margin-right: 0px;
    }
    
     .full-block .row{
        padding: 0.3em 0px;
    }
    
    .action-button{
        padding: 0px 5px;
        font-size: 16px;
    }
    
    .action-button-wrapper{
        border-radius: 3px;
    }

  
}
/* ========= mobile view end ==============*/