h1
	font-size: 2.4rem
	@media (min-width: 768px)
		font-size: 3rem
h2
	font-size: 2.1rem
h3
	font-size: 1.7rem
h4
	font-size: 1.5rem
h5
	font-size: 1.3rem
h6
	font-size: 1.2rem

h1, h2, h3
	margin-top: 20px
	margin-bottom: 10px

h4, h5, h6
	margin-top: 10px
	margin-bottom: 10px

h1, h2, h3, h4, h5, h6
	line-height: 1.8
	font-weight: 700

.hidden
	display: none

pre
	overflow: auto
	display: block
	padding: 9.5px
	margin: 0 0 10px
	font-size: 13px
	line-height: 1.42857143
	color: #333
	word-break: break-all
	word-wrap: break-word
	background-color: #f5f5f5
	border: 1px solid #ccc
	border-radius: 4px
	font-family: Menlo,Monaco,Consolas,Courier New,monospace

code
	font-family: Menlo,Monaco,Consolas,"Courier New",monospace	
	padding: 2px 4px
	font-size: 90%
	background-color: $lightgrey
	border-radius: 4px

pre code
	padding: 0
	font-size: inherit
	color: inherit
	white-space: pre-wrap
	background-color: transparent
	border-radius: 0


.table
	width: 100%
	margin-bottom: 1rem

	td, th
	    padding: .75rem
	    vertical-align: top
	    border-top: 1px solid #dee2e6

	thead th
    	vertical-align: bottom
    	border-bottom: 2px solid #dee2e6


.row
	margin-right: -15px
	margin-left: -15px
	&:after
		display: table
		content: " "
		clear: both

.col-md-6
	position: relative
	min-height: 1px
	padding-right: 15px
	padding-left: 15px
	@media (min-width: 992px)
		float: left
		width: 46%

.text-justify
    text-align: justify

.page-header
    padding-bottom: 9px
    margin: 40px 0 20px
    border-bottom: 1px solid #eee
    text-align: center

.jumbotron
	padding-top: 30px
	padding-bottom: 30px
	margin-bottom: 30px
	color: inherit

	@media screen and (min-width: 768px)
	    padding-top: 48px
	    padding-bottom: 48px


.container
	@media (min-width: 768px)
    	width: 750px
	@media (min-width: 992px)
    	width: 970px
	@media (min-width: 1200px)
		width: 1170px

	padding-right: 15px
	padding-left: 15px
	margin-right: auto
	margin-left: auto

	&:after
		display: table
		content: " "
		clear: both


.visible-lg, .visible-md, .visible-sm, .visible-xs
	display: none !important
	@media (max-width: 767px)
		display: block !important


body > footer 
    border-bottom: 5px solid $accent
    background-color: $lightgrey



button, input, select, textarea 
	font-family: inherit
	font-size: inherit
	line-height: inherit

button, html input[type=button], input[type=reset], input[type=submit] 
	-webkit-appearance: button
	cursor: pointer

button, select 
	text-transform: none

button 
	overflow: visible

button, input, optgroup, select, textarea 
	margin: 0
	font: inherit
	color: inherit

hr
	margin-top: 20px
	margin-bottom: 20px
	border: 0
	border-top: 1px solid #eee
	height: 0
	-webkit-box-sizing: content-box
	-moz-box-sizing: content-box
	box-sizing: content-box


.pagination 
	display: inline-block
	padding-left: 0
	margin: 20px 0
	border-radius: 4px

.pagination > li 
	display: inline

.pagination > li > a,
.pagination > li > span 
	position: relative
	float: left
	padding: 6px 12px
	margin-left: -1px
	line-height: 1.42857143
	text-decoration: none
	border: 1px solid #ddd

.pagination > li:first-child > a,
.pagination > li:first-child > span 
	margin-left: 0
	border-top-left-radius: 4px
	border-bottom-left-radius: 4px

.pagination > li:last-child > a,
.pagination > li:last-child > span 
	border-top-right-radius: 4px
	border-bottom-right-radius: 4px

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus 
	z-index: 2
	color: #23527c
	background-color: #eee
	border-color: #ddd

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus 
	z-index: 3
	cursor: default

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus 
	color: #777
	cursor: not-allowed
	border-color: #ddd

.pagination-lg > li > a,
.pagination-lg > li > span 
	padding: 10px 16px
	font-size: 18px
	line-height: 1.3333333

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span 
	border-top-left-radius: 6px
	border-bottom-left-radius: 6px

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span 
	border-top-right-radius: 6px
	border-bottom-right-radius: 6px

.pagination-sm > li > a,
.pagination-sm > li > span 
	padding: 5px 10px
	font-size: 12px
	line-height: 1.5

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span 
	border-top-left-radius: 3px
	border-bottom-left-radius: 3px

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span 
	border-top-right-radius: 3px
	border-bottom-right-radius: 3px

.pager 
	padding-left: 0
	margin: 20px 0
	text-align: center
	list-style: none

.pager li 
	display: inline

.pager li > a,
.pager li > span 
	display: inline-block
	padding: 5px 14px
	border: 1px solid #ddd
	border-radius: 15px

.pager li > a:hover,
.pager li > a:focus 
	text-decoration: none
	background-color: #eee

.pager .next > a,
.pager .next > span 
	float: right

.pager .previous > a,
.pager .previous > span 
	float: left

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span 
	color: #777
	cursor: not-allowed