h1
	font-size: 3rem
h2
	font-size: 2.0rem
h3
	font-size: 1.9rem
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


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%
	color: var(--accent2)
	background-color: #f9f2f4
	border-radius: 4px

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

.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

.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

.navbar-icon 
    font-size: 125%
    display: inline-block !important

.navbar.navbar-default 
    border-top: 5px solid var(--accent)
    border-bottom: 1px solid #e7e7e7

.navbar-right
	@media (min-width: 768px)
		float: right!important
		margin-right: -15px

nav
  background-color: rgba(243, 243, 243, 0.8)
  border-color: #e7e7e7
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important
  line-height: 1.4 !important

  a:hover
  	background-color: #e7e7e7
  	text-decoration: none

.navbar-nav
	margin: 7.5px -15px
	@media (min-width: 768px)
	    float: left
	    margin: 0

.navbar-nav>li
	@media (min-width: 768px)
    	float: left

.nav
	padding-left: 0
	margin-bottom: 0
	list-style: none

	&>li
	    position: relative
	    display: block

.navbar-nav>li>a
	@media (min-width: 768px)
		padding-top: 15px
		padding-bottom: 15px
	padding: 10px 15px
	line-height: 20px
	position: relative
	display: block


.navbar-fixed-bottom, .navbar-fixed-top
  position: fixed
  right: 0
  left: 0
  z-index: 1030

.navbar-fixed-top
  top: 0
  border-width: 0 0 1px
  border-radius: 0

.navbar
  min-height: 50px
  margin-bottom: 0
  border: 1px solid transparent

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


.navbar-brand
	float: left
	height: 50px
	font-size: 18px
	position: relative
	top: 15px
	left: 30px
	line-height: 20px
	font-weight: bold

footer 
    border-bottom: 5px solid var(--accent)
    background-color: rgba(243, 243, 243, 0.8)

.navbar-default .navbar-toggle
	border-color: #ddd

.navbar-toggle 
	@media (min-width: 768px)
	    display: none
	position: relative
	float: right
	padding: 9px 10px
	margin-top: 8px
	margin-right: 15px
	margin-bottom: 8px
	background-color: transparent
	background-image: none
	border: 1px solid transparent
	border-radius: 4px

	.icon-bar
		background-color: #888

	.icon-bar
		display: block
		width: 22px
		height: 2px
		border-radius: 1px

		&+.icon-bar
    		margin-top: 4px


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

.navbar-default .navbar-collapse, .navbar-default .navbar-form 
	border-color: #e7e7e7

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header 
	margin-right: -15px
	margin-left: -15px
	@media (min-width: 768px)
	    margin-right: 0
	    margin-left: 0

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse 
	max-height: 340px

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse 
	@media (min-width: 768px)
		padding-right: 0
		padding-left: 0

.navbar-collapse.collapse 
	@media (min-width: 768px)
		display: block!important
		height: auto!important
		padding-bottom: 0
		overflow: visible!important

.navbar-collapse 
	@media (min-width: 768px)
		width: auto
		border-top: 0
		-webkit-box-shadow: none
		box-shadow: none

.navbar-collapse 
	padding-right: 15px
	padding-left: 15px
	overflow-x: visible
	-webkit-overflow-scrolling: touch
	border-top: 1px solid transparent
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1)
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1)

.collapse 
	display: none

.collapsing
	padding-top: 40px
	animation: 1s fadeIn
  	animation-fill-mode: forwards


@keyframes fadeIn
	0%
		opacity: 0
	100%
		visibility: visible
		opacity: 1

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
	background-color: #fff
	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
	background-color: #fff
	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
	background-color: #fff
	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
	background-color: #fff