/****************************************************************************
 * Content Section
 ****************************************************************************/
.content_section{ padding: 2rem 0;}
.topbar {padding: 0;}

/****************************************************************************
 * No Padding
 ****************************************************************************/

.no_padding_top {
	padding-top:0;
}
.no_padding_bottom {
	padding-bottom:0;
}

/****************************************************************************
 * Section Padding
 ****************************************************************************/

.section_padding_top {
	padding-top:2rem;
}
.section_padding_bottom {
	padding-bottom:2rem;
}

@media screen and (min-width:25em){
    /****************************************************************************
     * Content Section
     ****************************************************************************/
    .content_section{ padding: 2rem 0.5rem;}
    .topbar {padding: 0 0.5rem;}
    
}




@media screen and (min-width:40em){
    /****************************************************************************
     * Content Section
     ****************************************************************************/
    .content_section{ padding: 3rem 1rem;}
    .topbar {padding: 0 1rem;}
	/****************************************************************************
	 * Section Padding
	 ****************************************************************************/

	.section_padding_top {
		padding-top:3rem;
	}
	.section_padding_bottom {
		padding-bottom:3rem;
	}
}


@media screen and (min-width:50em){
    /****************************************************************************
     * Content Section
     ****************************************************************************/
    .content_section{ padding: 3rem 2rem;}
    .topbar {padding: 0 2rem;}
}


@media screen and (min-width:64em){
    /****************************************************************************
     * Content Section
     ****************************************************************************/
    .content_section{ padding: 4rem 3rem;}
    .topbar {padding: 0 3rem;}
	/****************************************************************************
	 * Section Padding
	 ****************************************************************************/

	.section_padding_top {
		padding-top:4rem;
	}
	.section_padding_bottom {
		padding-bottom:4rem;
	}
}


@media screen and (min-width:75em){
    /****************************************************************************
     * Content Section
     ****************************************************************************/
    .content_section{ padding: 4rem 4rem;}
    .topbar {padding: 0 4rem;}
}