/*!* Responsive Text Component v0.3 */
/*
 * v0.3 convert to using dmr base class
 * v0.2 update left/right margin at small and lower. 
 * v0.1 initial alpha version
 *
 * Additional classes are supported by some elements.
 * Font Size (eg. h2.pri-1 would render as a Primary 1 header, instead of Primary 2):
 * Primary 1: pri-1
 * Primary 2: pri-2
 * Primary 3: pri-3
 * Primary 4: pri-4
 * Primary 5: pri-5
 * Primary 6: pri-6
 * Intro Text: intro (Only on <p>);
 * Util Text: util (only on <p>);
 *
 * Bold Headers are supported only by h4, h5, and h6. Add "bold" to the classpath:
 * h4.bold
 * h5.bold
 * h6.bold
 *
 * Paragraphs can be Intro, Text, and Utility:
 * p.intro
 * p.text
 * p.util
 */

/* BREAKPOINT ******************
 * Base    =   0 to 479 pixels */

/* Component Styling */
.dmh-text {
	margin: 0px 12px 20px 12px;
}
.dmh-text.compact {
	margin-bottom: 0px;
}

.dmh-text h2.section-title {
	margin:40px 0px 20px 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc; 
}

/* BREAKPOINT ******************
/*  X-small = 480 to 599 pixels */
@media only screen and (min-width: 30em) {

}

/* BREAKPOINT ******************
/*  Small   = 600 to 767 pixels */
@media only screen and (min-width: 37.5em) {


.dmh-text {
	margin-left:0px;
	margin-right:0px;
}
.dmh-text h2.section-title {
	margin: 40px 0px 20px;
	padding-bottom:10px;
}

}

/* BREAKPOINT ******************
/* Medium  = 768 to 959 pixels */
@media only screen and (min-width: 48em) {
	

}

/* BREAKPOINT ******************
/* Large   = 960 to 1023 pixels */
@media only screen and (min-width: 60em) {


}

/* BREAKPOINT ******************
/*  X-large = 1024+ pixels */
@media only screen and (min-width: 64em) {

}