/** Canadian Copper and Brass Development Assocation splash page CSS */
/* overides ccbda.css */

html {background-color:#182b55;background-image:url('/images/splash/NCWM_09.jpg');background-size:cover;background-position:33% 34%;}
    body {
            display:-webkit-flex;
            display:-webkit-box;
            -webkit-box-align:center;
            -webkit-flex-align:center;
            display:-ms-flexbox;
            -ms-flex-align:center;
            display:flex;
            align-items:center;
            background-color:rgba(0,0,0,0.6);
            }
    
#page {width:98%;margin:1%;background:transparent;}
    #branding {border-bottom:none;background:transparent;line-height:140%;}
        #welcome {color:#ffffff;font-size:60%;}
            #welcome h2 {margin:0;}
        #logo {margin:0;width:100%;max-width:inherit;}
            #logo img {margin-top:8px;width:100%;}
    #content {min-height:initial;padding:0;background-color:transparent;margin-top:16px;}
        #content article {text-align:right;} /* display: flex;align-items: center; */

    #global-footer {border-top:none;background:transparent;margin-bottom:11px;}
    
.language-picker {display:inline-block;}
#french {float:right;text-align:right;}
        .inner-container {padding:8px;}
    .language-picker h1 a, .language-picker h1 a:visited {color:#ffffff !important;border:2px solid #ffffff !important;border-radius:4px;padding:6px 10px;}
    .language-picker h1 a:hover {color:#fb4f14 !important;border:2px solid #fb4f14 !important;}
    .language-picker p a, .language-picker p a:visited {color:#ffffff;border-bottom-color:#ffffff;}
#content h1 {font-size:18px;margin:0;}


@media only screen and (min-width:768px){
    body {background-color:transparent;}
        #page {position:absolute;right:0;top:0;max-width:400px;margin:2% 5%;}
            #welcome {font-size:76%;}
            #logo {margin:0;width:inherit;}   
                #logo img {
                  width: 98%;
                }
                  
            #content article {min-height:inherit;}
}