*{
    
    margin:0px;
    padding:0px;
    
}

::-webkit-scrollbar { 
    display: none; 
}

body{
    
    min-width: 100%;
    max-width: 100%;
    font-family: 'Lato', sans-serif;
    background-image: url('src/pj_maschsee-DSC02775-cedrikwesche.jpg');
    background-size: cover;
    background-position: center center;
}

.text{
    
    position: absolute;
    top:25%;
    left:50%;
    color: #FFFFFF;
    margin-left:-239.88px;
    
}

h1{
	font-size: 360%;
	color: #EA2027;
	text-align: center;
}

a{
	color:aliceblue;
    text-decoration: none;
}

h3{
	padding-top:4px;
	padding-bottom:4px;
	text-align: center;
	min-width:235px;
	max-width:235px;
	border:solid 2px aliceblue;
	font-size:17px;
}

h3:hover{
	background-color:aliceblue;
	color:black;
}

h3:hover a{
	color:black;
}


.imp{
    background-color: #0a3d62;
    font-size: 30px;
    min-width: 200px;
    max-width: 850px;
    padding: 5px;
    margin-top: 7%;
    color:aliceblue;
    
}

h5{
    margin-left: 50%;
}

span{
    font-size: 20px;
    position: absolute;
    bottom:5px;
    color:aliceblue;
    text-align: center;
    width: 100%;
    text-shadow: 1px 1px black;
}


@media only screen and (max-width: 700px) {
    
    h1{
    font-size: 260%;
    }
  
	.text{
		top:30%;
		margin-left:-166.32px;
	}
    
    span{
    font-size: 15px;

	}
    
    .imp{ 
       background-color: #0a3d62;
        font-size: 30px;
        min-width: 200px;
        max-width: 850px;
        padding: 5px;
        margin-left:20%;
        margin-top: 7%;
        color:aliceblue; 
    }
    h5{
    margin-left: 0%;
    }
    
}