---
---

// Headers
$header-heading-color: #fff !default;
$header-bg-color: #4e5d5b !default;
$header-bg-color-secondary: #474a49 !default;

// Text
$section-headings-color: #24292e !default;
$body-text-color: #333 !default;
$body-link-color: #1e6bb8 !default;
$blockquote-text-color: #819198 !default;

@import "{{ site.theme }}";

body {
	font-size: 15px;
}

.project-tagline {
	margin-bottom: 0;
}

.main-content {

	font-size: 15px;


	#breadcrumbs {
		font-size: .8em;
		color: #666;
		border-bottom: 1px solid #eaecef;
		padding-bottom: .3em;

		.home-icon {
			display: inline;
			height: 13px;
		}
	}

	h1 {
		margin-top: 0.9rem;
	}


	h1, h2, h3, h4, h5, h6 {
		font-weight: 600;
	}

	h1, h2 {
		border-bottom: 1px solid #eaecef;
		padding-bottom: .3em;
	}

	li img {
		display: inline-block;
		width: 20px;height: 20px;
		margin: 0px 2px;
	}

	ul, ol {
		margin-left: 0;
	}

	.video {
	    position: relative;
	    padding-bottom: 68.5%; /* custom */
	    height: 0;

	    iframe {
	    	position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
	    }
	}


	@include large {
	    max-width: 64rem;
	    padding: 2rem 6rem;
	    margin: 0 auto;
	    font-size: 1rem;
	  }

	 @include medium {
	    padding: 2rem 2rem;
	    font-size: 1rem;
	 }

	 @include small {
	    padding: 1.5rem 1.5rem;
	    font-size: 1rem;
	 }
}





