@media (max-width: 767px) {
    
    header img {
        width: 150px;
    }
    
    #help {
        top: 325px;
    }
    
}
    
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    
    header img {
        width: 250px;
    }
    
     #help {
        top: 70%;
    }
        
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    
    header img {
        width: 325px;
    }
    
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    
   
}

body {
    background-color: #E3F2FF;
}

header {
    margin-bottom: 25px;
}

footer {
    bottom: 0;
    position: absolute;
    width: 100%;
}

footer p {
    font-size: 1rem;
}

footer img {
    margin: 2px;
}

#help {
    cursor: pointer;
    margin-right: -55px;
    position: fixed;
    right: 0;
    width: 86px;
    z-index: 201;
}

#helptext,
#helpcontent {
    float: left;
}

#helptext,
#helptext img {
    width: 36px;
}

#helpcontent {
    line-height: 0;
    width: 50px;
}