body {
  font-family: "Martel", Georgia, Times, serif;
  font-size: 21px;
  font-weight: 200;
  color: rgb(76,54,134);
  line-height: 1.7;
}

.logo-container img {
	max-width: 490px;
	margin: 21px 0 35px;
	}
	
.jumbotron {
    margin-bottom: 0;
    padding-bottom: 98px;
}

.jumbotron-hell {
	background-color: rgba(255,241,85,.49);
	}
	
.jumbotron-dunkel {
	background-color: rgb(253,197,0);
	}


.jumbotron .container {
    max-width: 1680px !important;
    width: 98%;
}

.jumbotron h3 {
	background-color: rgb(253,197,0);
	width: 100%;
	text-align: center;
	font-size: 126%;
	font-weight: 400;
	padding: 16px 10px 11px;
	margin: 49px 0;
	}
	
.btn {
    background-color: rgba(253,197,0,.49);
    border-radius: 0;
    color: rgb(76, 54, 132);
    text-align: left;
    font-size: 21px;
    padding: 9px 14px 6px;
    display: block;
    margin-bottom: 1px;
}

.btn:hover, .btn:focus, .btn.focus {
    background-color: rgba(253,197,0,1);
    color: #fff;
    text-decoration: none;
}
	
	
/* 490px 
--------------------------------------------------------- */
@media only screen and (max-width: 490px) {

body {
  font-size: 17px;
}

.logo-container img {
	max-width: 98%;
	margin: 7px 0 14px;
	}
	
.jumbotron p,
.btn {
    font-size: 17px;
    font-weight: 400;
}
	
.jumbotron h3 {
	font-size: 105%;
	margin: 21px 0;
	}