:root {
  --jumbotron-padding-y: 3rem;
}

header.collapse	{
	background-color: #b00;
}

.jumbotron {
  padding-top: var(--jumbotron-padding-y);
  padding-bottom: var(--jumbotron-padding-y);
  margin-bottom: 0;
  background-image: url( ../images/tuulenhaltijatar768.jpg );
  background-position: center;
  background-size: cover;
  background-color: bg-light;
}
@media (min-width: 768px) {
  .jumbotron {
    padding-top: calc(var(--jumbotron-padding-y) * 2);
    padding-bottom: calc(var(--jumbotron-padding-y) * 2);
    background-image: url( ../images/tuulenhaltijatar1024.jpg );
  }
}
@media (min-width: 992px) {
  .jumbotron {
    background-image: url( ../images/tuulenhaltijatar_w.jpg );
  }
}
.jumbotron p	{
	color: #fff;
	font-size: 1.5rem;
}

.tx {
	text-shadow: 2px 2px 4px #000;
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 700;
  color: #fff;
  font-size: 5rem;
}

.jumbotron .container {
  max-width: 40rem;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.bg-mila	{
	background-color: #d24300;
}
.text-mila		{
	color: #d24300;
}
.text-mila-light		{
	color: rgba( 210, 67, 0, .6 );
}
.text-mila-dark		{
	color: #7d2700;
}
.bg-mila-dark	{
	background-color: #7d2700;
}
.bg-mila-dark a, .bg-mila-dark a:hover	{
	background-color: #7d2700;
	color: #fff;
}
.bg-top		{
	height: 100%;
	background-color: rgba( 210, 67, 0, .02 );
	background-image: linear-gradient( to left, rgba( 210, 67, 0, .02 ), rgba( 210, 67, 0, .02 ), rgba( 210, 67, 0, .1 ), rgba( 210, 67, 0, 1 ) );
	border-top: solid 1px rgba( 210, 67, 0, .2 );
	border-bottom: solid 1px rgba( 210, 67, 0, .2 );
}
.nav-item a.nav-link	{
	color: #fff;
}

.nav-item a.nav-link:hover	{
	font-weight: 600;
	text-decoration: underline;
}

.active		{
	font-weight: 600;
}

@media ( max-width: 576px ) {
	h1, .jumbotron-heading	{ 
		font-size: 2.5rem;
	}
	.jumbotron	{
		font-size: 0.25rem;
		font-weight: 600;
	}
}
@media ( min-width: 576px ) and ( max-width: 768px ) {
	h1, .jumbotron-heading	{ 
		font-size: 4rem;
	}
	.jumbotron	{
		font-size: 0.75rem;
	}
}
.cv		{
	font-size: 4rem;
	text-align: center;
	min-width: 100%;
	font-weight: 600;
	padding: 10px;
}
.btn-mila		{
	color: #d24300;
	font-weight: 600;
	background-color: transparent;
}
.btn-mila:hover	{
	text-decoration: underline;
}
.ml12	{
	margin-left: 12px;
	color: #d24300;
}
.ark-img	{
	width: 100%;
	background-color: #fff;
	height: 100px;
}
.ei-saatavissa	{
	text-decoration: line-through;
}