/*!
 * Start Bootstrap - Blog Post (https://startbootstrap.com/template-overviews/blog-post)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-blog-post/blob/master/LICENSE)
 */

* {
	margin: 0;
	padding: 20;
}

	#sidebar {
		float: left;
		width: 24%;
		margin-right: 1%;
	}
	
	#article {
		float: left;
		width: 74%;
		margin-left: 1%
	}

body {
	padding-top: 54px;
		background-color: #F5F8F5;
		font-family: serif;
    	color: #000000;
		font-weight: 500;
		font-style: normal;
		font-size: 1.125em;
}

		h1, h2, h3, h4, h5, h6 {
		font-family: sans-serif;
		color: #000000;
		font-weight: 600;
		}

		h1 {
		font-style: italic;			
		font-size: 3.0em;
			}

		h2 {
		font-style: italic;
		font-size: 2.5em;
			}
		
		h3 {
		font-style: italic;			
		font-size: 2.0em;
			}
		
		h4, h5, h6 {
		color: #000000;
			}
		
		h4 {
		font-style: normal;
		font-size: 1.5rem;
			}

		h5 {
		font-style: normal;
		font-size: 1.25em;
			}

		h6 {
		font-style: normal;
		font-size: 1.0em;
			}
		
		a { 
		font-family: serif;
		font-style: italic;
		font-weight: 700;
		color: #221b07;
			}

		a:visited {
		font-style: italic;
		font-weight: 700;
		color: 070900;			
			}

		a:hover, a:focus {
		font-style: italic;
		font-weight: 700;
		color: #2889a4;
			}

		a:active {
		font-style: italic;
		font-weight: 700;
		color: #506c52;
			}

	.navbar {
		font-family: serif;
		font-size: 1em;
    	padding-top: 0.125em;
		padding-left: 0.3125em; padding-right: 0.3125em;
		padding-bottom: 0.125em;
 		background: #bbd0c7;
    	border: none;
    	border-radius: 0;
		margin-top: 1em;
    	margin-bottom: 0em;
    	box-shadow: 0.0625em 0.0625em 0.1875em rgba(0, 0, 0, 0.1);
			}

	#headerbar {
	/* Header bar at the bottom of the navbar. Adapted from the Adobe Dreamweaver CC 2017 Blogspotstyle CSS */

	height: 0.125em;
	clear: both;
	padding-top: 0.125em;
	padding-bottom: 0.125em;
	margin-top: 0.625em;
	margin-bottom: 0.275em;
	background-color: #506c52;
	width: 100%;
		}

	#headerbar-2 {
	/* Header bar at the bottom of the navbar. Adapted from the Adobe Dreamweaver CC 2017 Blogspotstyle CSS */
	height: 0.125em;;
	clear: both;
	padding-top: 0em;
	padding-bottom: 0em;
	margin-top: 0.625em;
	margin-bottom: 0.125em;
	background-color: #506c52;
	width: 100%;
		}

	#footerbar {
	/* Footer bar at the bottom of the page. From the Adobe Dreamweaver CC 2017 Blogspotstyle CSS */
	height: 0.125em;
	clear: both;
	padding-top: 0.125em;
	padding-bottom: 0.125em;
	bottom-margin: 0.125em;
	background-color: #506c52;
	width: 100%;
		}

	#footer p {
  		margin: 0;
  		text-align: left;
  		font-size: 0.95em;
  		font-weight: 300;
  		color: #000000;
			}

	#footer a {
			font-size: 0.95em;
			}

/* MEDIA BREAKS 61.9375em=992px, 48em=768px, 34em=544px, 29.25em=468px, 20em=320px*/

@media (min-width: 992px-up) {
  body {
    padding-top: 56px;
	font-size: 1.25em;
  }
		h1 {
		font-size: 3.0em;
			}

		h2 {
		font-size: 2.5rem;
			}
		
		h3 {
		font-size: 2.0em;
			}
		h4 {
		font-size: 1.5em;
			}

		h5 {
		font-size: 1.25rem;
			}
		h6 {
		font-size: 1.0em;
		}
	#footer p {
		font-size: 0.95em;
	}
	#footer a {
		font-size: 0.95em
	}
  

@media (min-width: 768px-up) {
  body {
    padding-top: 56px;
  }
}	

	#sidebar {
		float: left;
		width: 24%;
		margin-right: 1%;
	}
	
	#article {
		float: left;
		width: 74%;
		margin-left: 1%
	}


@media (min-width: 544px-up) {
	body {
    	padding-top: 56px;
		font-size: 1.125em;
  }
		h1 {
		font-size: 2.5em;
	}
	h2 {
		font-size: 2.0em;
	}
	h3 {
		font-size: 1.5em;
	}
	h4 {
		font-size: 1.0em;
	}
	h5 {
		font-size: 0.95em;
	}
	h6 {
		font-size: 0.875em;
	}
		#footer p {
		font-size: 0.8em;
	}
		#footer a {
		font-size: 0.8em
	}
  }
	
	#sidebar {
		float: left;
		width: 24%;
		margin-right: 1%;
	}
	
	#article {
		float: left;
		width: 74%;
		margin-left: 1%
	}

@media (min-width: 468px-up) {
	  body {
    	padding-top: 56px;
		font-size: 1.125em;
  }
	h1 {
		font-size: 2.5em;
	}
	h2 {
		font-size: 2.0em;
	}
	h3 {
		font-size: 1.5rem;
	}
	h4 {
		font-size: 1.0em;
	}
	h5 {
		font-size: 0.95em;
	}
	h6 {
		font-size: 0.875em;
	}
		#footer p {
		font-size: 0.8em;
	}
		#footer a {
		font-size: 0.8em
	}
}
	
	#sidebar {
		float: left;
		width: 24%;
		margin-right: 1%;
	}
	
	#article {
		float: left;
		width: 74%;
		margin-left: 1%
	}


@media (min-width: 320px-up) {
  body {
    padding-top: 56px;
    font-size: 1em;
  }
	h1 {
		font-size: 2.0rem;
	}
	h2 {
		font-size: 1.5rem;
	}
	h3 {
		font-size: 1.25rem;
	}
	h4 {
		font-size: 1.0rem;
	}
	h5 {
		font-size: 0.95rem;
	}
	h6 {
		font-size: 0.875rem;
	}
		#footer p {
		font-size: 0.8rem;
	}
	#footer a {
		font-size: 0.8rem;
  }
}
	
	#sidebar {
		float: left;
		width: 24%;
		margin-right: 1%;
	}
	
	#article {
		float: left;
		width: 74%;
		margin-left: 1%
	}
}