@font-face {
   font-family:'JosefinSans';
   font-style: normal;
   font-weight: 300;
   src: local('JosefinSans'), local('JosefinSans-Regular.ttf'),
   url(/fonts/JosefinSans-Regular.ttf) format('ttf'),

}

body{
background: rgb(242,242,242);
background: linear-gradient(180deg, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 30%, rgba(210,210,210,1) 100%);
 height:100%;
font-family: 'Josefin Sans', sans-serif;}

html {
  height: 100%;
}

footer{
background: rgb(210,210,210);}	

img{width:100%;}


h1, h2{
text-transform: uppercase;
text-align:center;
color:#333;}

h1{margin-top: 60px; margin-bottom: -10px; font-size:83px}
h2{margin-bottom: 60px; font-size:38px;}

.zitat{
color:#777;}

.btn-primary{
text-transform: uppercase;	
 background-color: rgb(205, 203, 3);

border: none!important}



.btn-primary:hover, .btn-primary:focus{
background-color:rgb(161, 205, 3);

box-shadow: 0 0 0 .2rem rgba(205,203,3,.5);}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
	background-color:rgb(161, 205, 3);
	box-shadow: 0 0 0 .2rem rgba(205,203,3,.5);}
	
	
	a{
	color:#333;
	text-decoration: none;}
	
	 a:hover{
	color:#666;
	text-decoration: none;}


@media only screen and (max-width: 991px) {
h1{font-size: 50px; line-height:50px; margin-bottom:15px;}
h2{font-size: 30px; margin-top:15px;}
}	

.cc-btn {
border-radius: 5px!important;
}