/* CSS Document */
/*
    header.css
    
    2023-06-19
    Move html {font-size: 32px;} et al from here to dev.css.
*/

/* Fixed Heights */
.imgWrapper {
    top: 4.5rem;
}
/* Colours */
.imgWrapper {
    background-color: #08639d;
    background-color: #e2edf6;
    background-color: #0293c6;
}
/* Header header {
    display: flex;
    flex-direction: column;
    position: relative;
}*/


#contactBand {
    display: none;
}
.imgWrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}
#imgHelen {
    display: none;
}

.material-icons.md-48 {
    font-size: 72px;
}
/*
    Media.

*/
@media (min-width: 1000px) {
    /* Sizes */
    #contactBand ion-icon {
      font-size: 1.2rem;
    }
    /* Colours */
    #contactBand {
        background-color: black;
    }
    #contactBand a{
        color: white;
    }    
    
    /* /Colours */
    #contactBand {
        display: flex;
    }
    #contactBand > *{
        padding: 0.5rem;
    }    
    .imgWrapper {
        min-height: 20rem;
    }
#imgHelen {
        display: flex;
        position: absolute;
        bottom: 0;
        right: 2rem;
        z-index: 20;
        height: 95%;
        opacity: 1;
    }
}