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

/****************************************************************************
 * 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;}



@media screen and (min-width: 40em){
    /****************************************************************************
     * Default Content-Section
     ****************************************************************************/
    .content_section { padding: 3rem 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;}

}

@media screen and (min-width: 64em){
    
    /****************************************************************************
     * Default Content-Section
     ****************************************************************************/
    .content_section { padding: 4rem 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;}
    
    
}