.white {
        color: #ffffff!important;
            font-size: 1.2em!important;
            line-height: 1.4em;
            font-weight: bold;
       		 }


	.white-md {
		color: #ffffff!important;
		font-size: 32px!important;
		line-height: 1.1em;
		font-weight: bold;
			}


	.white-lg {
		color: #ffffff!important;
		font-size: 38px!important;
		line-height: 1.1em;
		font-weight: bold;
			}
 


	.white-super-lg {
		color: #ffffff!important;
		/*White*/
		font-size: 1.6em!important;
		line-height: 1.5em;
		font-weight: bold;
			}


	.grey  {
	     color: #3e4146!important;
	         font-size: 1.2em!important;
	         line-height: 1.4em;
	         font-weight: bold;
	        }


	.gray-md {
		color: #404246!important;
		/*Dark slate grey*/
		font-size: 32px!important;
		line-height: 1.1em;
		font-weight: bold;
			}


	.gray-lg {
		color: #404246!important;
		/*Dark slate grey*/
		font-size: 38px!important;
		line-height: 1.1em;
		font-weight: bold;
			}

	
	.grey-super-large {
	     color: #3e4146!important;
	         font-size: 2.8em!important;
	         line-height: 1.5em;
	         font-weight: bold;
	        }


	.purple-md {
		color: #552d62!important;
		/*Dark purple*/
		font-size: 32px!important;
		line-height: 1.1em;
		font-weight: bold;
			}


	.purple-sm {
		color: #552d62!important;
		/*Dark purple*/
		font-size: 22px!important;
		line-height: 1.1em;
		font-weight: bold;
			}


	.margins {
		  margin-left: 8%;
		  margin-right: 8%;
			}


		/*TABLET*/
@media (max-width: 768px) {
	.margins {
		margin-left: 4%;
		margin-right: 4%;
	}
 }

	/*MOBILE*/
@media (max-width: 414px) {
		.margins {
		margin-left: 0%;
		margin-right: 0%;
	}
}


	.rcorners {
 		 border-radius: 5px;
}
     

	/** White box **/

	.boxstyle-lg.box3, .boxstyle-md.box3, .boxstyle-sm.box3, .boxstyle-xs.box3, .boxstyle_.box3 {
    	  border: 1px solid #fff !important; /* White border */
          background: #fff !important; /* White background */
          color: inherit !important;
       }

@media screen and (max-width: 767px) { 
    .boxstyle_.box3 {
    padding: 20px; 
    }
  }


	/** Bottom aligned buttons **/ 
      
	.layout-col .container-component.boxstyle_ {
       	display: flex;
       	flex-direction: column;
       } 
       
	.layout-col .container-component.boxstyle_ .buttons-component {
       	margin-top: auto;
       	padding-top: 5px;
       }
      
       
    /** Overlay boxes **/  
       
	.image-component {
        position: absolute;
          }
        
	.overlay-box-lg {
        margin-top: -2em;
        margin-left: 3em;
        margin-right: 3em;
        position: relative;
            }
       
	.overlay-box-lg h2 {
        font-size: 2em !important;
        font-weight: bold;
           }    
       
	.overlay-box-lg p{
        font-size: 1.5em !important;
           }  
       
	.overlay-box-md {
        margin-top: -2.5em;
        margin-left: 1em;
        margin-right: 1em;
        position: relative;
        }
       
	.overlay-box-sm {
       margin-top: -2em;
       margin-left: 1em;
       margin-right: 1em;
       position: relative;
        }
       
       @media screen and (max-width: 767px) {
        .overlay-box-lg {
          margin-top: -1em;
          margin-left: 2em !important;
          margin-right: 2em !important;
          position: relative;
            }
       
        .overlay-box-md {
          margin-top: -3em;
          margin-left: 1.2em !important;
          margin-right: 1.2em !important;
          position: relative;
            }
       
        .overlay-box-sm {
          margin-top: 0em;
          margin-left: 0em;
          margin-right: 0em;
          position: relative;
            }
           }
       
      
	/** Box Shadow **/
            
	.box2, .box3, .box4 {
          box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
          }
  
	*.zoom {  
  	      transition: transform .2s;
  	      }
  
	.zoom:hover {
  	      transform: scale(1.05); 
  	      }*