#splashScreen {
    background-image: url(./images/mvsa.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#languageScreen {
    background-image: url(images/mvsa.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}



#languageScreen .overlay, #modeScreen .overlay {
    background: #346288;
}


.logo {
    width: 240px;
    height: 130px;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.6);
    margin-bottom: 20px;
    display: flex
;
    justify-content: center;
    align-items: flex-end;
    font-size: 1.0rem;
    background-image: url(./images/logo-mvsa.jpg);
    background-size: cover;
    background-position: center;
    background-size: 81%;
    background-repeat: no-repeat;
    padding: 12px;
}


.toggle-button, #languageButton, #modeButton, .modeButton, .toggle-button:hover, #languageButton:hover, #modeButton:hover, #languageButtonList, #languageButtonList:hover, #modeButtonList, #modeButtonList:hover  {
    color: white;
    background: #346288 !important;
}

#listScreen {
    background: #346288 !important;
}

.list-item-content {
    color: #346288 !important;
}

.btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus {
    background: #346288 !important;
}

#cameraScreen, #listScreen, #detailScreen {
    background: #346288 !important;
}
#modeScreenInstruction {
    color: lightgray !important;
}

#orientationOverlay {
    background-image: url(./images/mvsa.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.audio-player {
    background: #346288 !important;
    color: white;
    }