header{
    width:100%; 
}
header p, header img{
    float:left;
}

header img{
    margin-top: 20px;
}

header p a{
    font-size: 75px;
    font-family: 'Mr De Haviland', cursive;
    font-weight: 300;
    text-decoration: none;
    color: #000035;
}

header p {
    margin-top: 60px;
    margin-left: 50px;
}

#logo{
    width: 400px;
    margin: auto auto;
    margin-bottom:20px;
    
}

#logo p{
    width: 200px;
}

/* Große Geräte, Desktop, Laptop */
@media only screen and (max-width : 1200px) {  }

    /* Kleiner Laptop, neue Mobilfunkgeräte */
@media only screen and (max-width : 992px) {  }

    /* normale Mobilfunkgeräte */
@media only screen and (max-width : 768px) {

    #logo{
        width: 350px;
    }

    header p a{
        
        font-size: 55px;
    }

    header p{
        margin-top: 75px;
    }

 }

    /* kleine Mobilfunkgeräte */ 
@media only screen and (max-width : 480px) {

    header p a{
        
        font-size: 45px;
    }

    header p{
        margin-top: 80px;
    }

 }

 

    /* alte Mobilfunkgeräte */ 
@media only screen and (max-width : 320px) {
    header p{
        position: relative;        
        left: -40px;
    }
 }