/* CSS Document - use this a starting template for respsonsive */
/* updated to common sized April 2021 */


/************************************************************************************
	min width 576 - phone
*************************************************************************************/
@media screen and (min-width: 576px) {    
    
}


/************************************************************************************
	min width 768 - tablets
*************************************************************************************/
@media screen and (min-width: 768px) {    
 
.block__title {
    font-size: 1.7em;
}
 
.block__steptext {
    font-size: 1.3em;
    
}    
    
    
}


/************************************************************************************
	min width 992 - large tablets
*************************************************************************************/
@media screen and (min-width: 992px) {    
 
.block__title {
    font-size: 1.9em;
}
 
.block__steptext {
    font-size: 1.4em;
    
}    
    
.block__box {
    margin: 20px 4%;
    padding: 2%;
}
    
.block__pointwrapper--vertical {
    display: none;
}    
 
.block__pointwrapper--horizontal {
    display: block;
}    
    
}


/************************************************************************************
	min width 1200 - laptops
*************************************************************************************/
@media screen and (min-width: 1200px) {    
    
.block__title {
    font-size: 2.1em;
}
    
}