body{    
    min-width: 100% !important;
    min-height: calc(100vh);
    background: url("../images/Moon_Background.png") center top no-repeat;
    background-size: cover;

}

#dyre_Logo{

    width: 50px; 
    height: 50px;
    
}

/* h1 header class */
.h1{
    margin-top: 20px;
    font-size: 1.2em;
    
}

/* h5 header class */
.h5{
    
    font-size: 1em;
    
}


/* h5 header class */
.links{
    
    font-size: 0.8em;
    
}

#linked:hover{
    
    color: #198cff;
    
}


/* Bigger than 600px */
@media only screen and (min-width: 600px) {
  
    #dyre_Logo{
        width: 5em; 
        height: 5em;
    }
    
    /* h1 header class */
    .h1{
        margin-top: 20px;
        font-size: 2em;

    }

    /* h5 header class */
    .h5{

        font-size: 1.2em;

    }


    /* h5 header class */
    .links{

        font-size: 1em;
        
    }
    
}

/* Smaller than 1000px */
@media only screen and (min-width: 1000px) {

    #dyre_Logo{
        width: 6em; 
        height: 6em;
    }
    
    /* h1 header class */
    .h1{
        margin-top: 20px;
        font-size: 2.5em;

    }

    /* h5 header class */
    .h5{

        font-size: 1.4em;

    }


    /* h5 header class */
    .links{

        font-size: 1.2em;
        
    }
    
}