*{margin:0;padding:0;color:#fff;text-shadow:0 0 5px #000;}
body{margin: 0;padding: 0;background-image: url('/Files/Layout/Wellcome.jpg');background-repeat: no-repeat;background-size:100% 100%;}
body > div{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;padding:2% 20%; background-color:rgba(0, 0 ,0, .5); }
body > div > h1{font-size:4em;color:#fff;}
body > div > p{font-size:1.5em;}
body > div > nav{margin:9% 0;text-align:center;}
body > div > nav > a{display:inline-block;margin:0 1em;width:12%;margin:0 5%;text-decoration:none;transition:.4s;text-shadow:none;font-size:1.2em;}
body > div > nav > a span{text-shadow:none;}
body > div > nav > a > img{width:100%;display:block;margin-bottom:.3em;}
body > div > div{line-height:150%;}
@media only screen and (min-width:1px) and (max-width: 800px)
{
    body{background-image: url('/Files/Layout/MW.jpg');}
    body > div > h1{font-size:3em;color:#fff;}
    body > div > p{font-size:1em;}
    body > div{padding:1% 3%;}
}