/****************************************************************************
 * Default Content-Section
 ****************************************************************************/
 .content_section{
    padding: 2rem 1rem;
}
.content_section.large_content_section { padding: 4rem 2rem; }

/****************************************************************************
 * Section Paddings for other Elements
 ****************************************************************************/
.section_padding_top {padding-top: 2rem;}
.section_padding_bottom {padding-bottom: 2rem;}
.section_padding_left {padding-left: 1rem;}
.section_padding_right {padding-right: 1rem;}

.large_section_padding_top {padding-top: 3rem;}
.large_section_padding_bottom {padding-bottom: 3rem;}
.large_section_padding_left {padding-left: 1rem;}
.large_section_padding_right {padding-right: 1rem;}



/****************************************************************************
 * Small Section STyle
 ****************************************************************************/
@media screen and (max-width:39.9375em){
	.small_columns_no_gab > * {
		margin: 0 -1rem;
		width: calc(100% + 2rem);
	}
}


@media screen and (min-width: 40em){
    /****************************************************************************
     * Default Content-Section
     ****************************************************************************/
    .content_section { padding: 3rem 2rem; }
    .content_section.large_content_section { padding: 4rem 2rem; }
    
    /****************************************************************************
    * Section Paddings for other Elements
    ****************************************************************************/
    .section_padding_top {padding-top: 3rem;}
    .section_padding_bottom {padding-bottom: 3rem;}
    .section_padding_left {padding-left: 2rem;}
    .section_padding_right {padding-right: 2rem;}

    .large_section_padding_top {padding-top: 4rem;}
    .large_section_padding_bottom {padding-bottom: 4rem;}
    .large_section_padding_left {padding-left: 2rem;}
    .large_section_padding_right {padding-right: 2rem;}

}

@media screen and (min-width: 64em){
    
    /****************************************************************************
     * Default Content-Section
     ****************************************************************************/
    .content_section { padding: 4rem 4rem; }
    .content_section.large_content_section { padding: 6rem 4rem; }
    
    
    /****************************************************************************
    * Section Paddings for other Elements
    ****************************************************************************/
    .section_padding_top {padding-top: 4rem;}
    .section_padding_bottom {padding-bottom: 4rem;}
    .section_padding_left {padding-left: 4rem;}
    .section_padding_right {padding-right: 4rem;}

    .large_section_padding_top {padding-top: 6rem;}
    .large_section_padding_bottom {padding-bottom: 6rem;}
    .large_section_padding_left {padding-left: 4rem;}
    .large_section_padding_right {padding-right: 4rem;}
    
}