/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
/* Overall */
/* .side-widget */
.side-widget {
	margin-bottom: 20px;
	overflow: hidden;
	clear: both;
}

body p {
	margin-bottom: 20px;
	line-height: 1.8em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

/* .article misc */
.article ul {
	margin: 0 0 20px 25px;
	list-style: disc;
}

/* hgroup */
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.2em;
	margin-bottom: 10px;
	font-weight: 500;
	font-family: \'Dosis\', Arial, Verdana, Sans-serif;
	text-transform: capitalize;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

h1 {
	font-size: 1.75em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.5em;
	color: #555;
}

h5 {
	font-size: 1.2em;
	color: #333;
}

h6 {
	font-size: 1em;
	color: #333;
}

/*************************************************************************************************************************
Screen smaller than 680px
*************************************************************************************************************************/
@media all and (max-width: 680px) {
	/* .footer */
	.footer-inner {
		overflow: hidden;
		width: 96%;
		margin: 0 auto;
		padding: 30px 0;
		line-height: 1.8em;
	}
	
	.footer-widget {
		margin-bottom: 20px;
	}
	
	p.footer-copy {
		width: 96%;
		clear: both;
		font-size: .9em;
		color: #ffffff;
		overflow: hidden;
		padding: 15px 0;
		margin: 0 auto;
	}
}

/*************************************************************************************************************************
Screen between 681px and 1020px
*************************************************************************************************************************/
@media all and (min-width: 681px) and (max-width: 1020px) {
	/* .footer */
	.footer-inner {
		overflow: hidden;
		width: 96%;
		margin: 0 auto;
		padding: 30px 0;
		line-height: 1.8em;
	}
	
	p.footer-copy {
		width: 96%;
		clear: both;
		font-size: .9em;
		color: #ffffff;
		overflow: hidden;
		padding: 15px 0;
		margin: 0 auto;
	}
}

/*************************************************************************************************************************
Screen larger than 1021px
*************************************************************************************************************************/
@media all and (min-width: 1021px) {
	/* .footer */
	p.footer-copy {
		width: 960px;
		clear: both;
		font-size: .9em;
		color: #ffffff;
		overflow: hidden;
		padding: 15px 0;
		margin: 0 auto;
	}
}