body
{
	background-color: #111;
	background-size: cover;
	
	color: #404156;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
	background-position: center;
}




.jumpers
{
	text-align: center;
}

.jumpers img
{
	width: 100%;
	height: 100%;
}

.jumpers p
{
	margin-bottom: 10px;
}

.jumpers figcaption
{
	    margin-top: 4px;
    margin-bottom: 18px;
}



.navbar a
{
	margin-right: 40px;
	font-size: 18px;
	color: #ffd700;
}



.navbar
{
	min-height: 57px;
	margin-bottom: 15px;
}


.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: #ffd700;
	
}

.navbar-dark .navbar-brand {
  color: #fff;
  margin-right: 100px;
  margin-top: -2px;
}



element {
}
.d-inline-block.mr-1.align-bottom {
    margin-bottom: 3px;
}





.bg-jumpers
{
	background-color: #5D662D !important;
}

.wpis
{
	text-align: justify;
	font-size: 16px;
	padding: 30px;
	margin-bottom: 40px;
}

.list-group-item-dark
{
	background-color: #373a3d;
	color: #ffd700;
}

.list-group-item-dark:hover
{
	background-color: #91a33b !important;
}

.list-group .active
{
	background-color: #91a33b !important;
	cursor: default;
}

.blockquote
{
	line-height: 120%;
}

@media (max-width: 575px)
{
	.wpis
	{
		margin: 40px 20px;
		text-align: left;
		font-size: 15px;
	}
	
	.float-left, .float-right
	{
		max-width: 50%;
	}
	
	.blockquote
	{
		font-size: 17px;
	}
	
	.list-group
	{
		text-align: center;
	}
}

footer {
background-color: CLEAR	;
color: #ffd700;
padding-top: 20px;
margin-top: 30px;
font-size: 13px;
 line-height: 10px;
}

hr.light {
border-top: 1px solid #ffd700;
width: 75%;
margin-top: .8rem;
margin-bottom: 1rem;
}

footer a {
color: #ffd700;
}

footer a:hover {
    color: white;
	text-decoration: none;
}


hr.light-100 {
border-top: 1px solid #ffd700;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}


hr.light-100B {
border-top: 1px solid #3d3d3d;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}

.bg-success {
    background-color: clear !important;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	text-align: center;
  
   }

.h1, h1
{
	font-size: 38px;
	font-weight: 500;
	color: #fff;
	margin: 20px;

	
}


.h2, h2
{
	font-size: 28px;
	font-weight: 500;
	color: #fff;
	margin: 20px;
}

.h3, h3
{
	font-size: 22px;
	font-weight: 500;
	color: #fff;
	margin: 20px;
	line-height: 1.4;
}


.h4, h4
{
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	margin: 8px;
	line-height: 1.3;
}


.h5, h5
{
	font-size: 16px;
	font-weight: 500;
	color: #f2f2f2;
	margin: 8px;
	line-height: 25px;
}


.h6, h6
{
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	margin: 6px;
	line-height: 1.2;
}

.p, p 
{
  color: #fff;
}

img {
  vertical-align: middle;
  border-style: none;
  margin-top: 20px;
}