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

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


.half_section_padding_top {padding-top: 1rem;}
.half_section_padding_bottom {padding-top: 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;}

    .half_section_padding_top {padding-top: 1.5rem;}
    .half_section_padding_bottom {padding-top: 1.5rem;}

}

@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;}

    .half_section_padding_top {padding-top: 2rem;}
    .half_section_padding_bottom {padding-top: 2rem;}
    
    
}