body {
    min-height: 100%;
    height: 100vh;
    width: 100%;
    max-width:100%;
}
#splashContent {
    position: absolute;
    margin-left: 10%;
    margin-top: 5%;
    margin-right: 10%;
    background-size: contain;
    background-position: center;
    max-width: 100%;
}
#paLogoContainer {
    width: 100%;
    height: 140px;
    background-color:#fff;
}
.languageOptions {
    padding: 45px;    
    background-color: rgba(16,64,62, 0.8);
}
.languageOptions h1, .languageOptions h2 {
    color:#fff;
    font-size:2.2em;
    margin-bottom:30px;
    font-weight:400;
}
.languageOptions h2 {
    margin-top:50px;
}
.languageOptions a {
    padding: 15px 15px 15px 15px;
    background-color: #10403E;
    color: #fff;
    border: 3px solid #7FD053;
    text-decoration: none;
    border-radius: 0;
    text-transform: uppercase;
}
    .languageOptions a:focus, .languageOptions a:hover {
        background-color: #7FD053;
        color: #10403E;
        border: 5px solid #10403E;
        outline: #fff solid 1px;
    }
            /*
div#cymraegLg {
    float: left;
    height: 68px;
}
#englishLg {
    float: right;
    height: 68px;
}*/
            #languageOptions div a {
                height: 30px;
                text-transform: uppercase;
                text-decoration: none;
                font-size: 1.3em;
                color: #fff;
                background-color: #10403E;
                border-bottom: 5px solid #7FD053;
                padding: 20px 30px;
            }
    #languageOptions div a:hover, #languageOptions div a:focus, #languageOptions div a:focus-visible {
        background-color: #7FD053;
        color: #10403E;
        outline: #10403E solid 5px;
    }

@media  (max-width: 400px) {
    #splashContent {
        max-width: 85%;
        overflow-x: hidden;
    }
    #splashContent img {
        height: 120px !important;
    }
}