body{margin:0;padding:0;font-family:'arial',sans-serif;background-image:url("../img/bg-1.jpg");background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-position:center;background-attachment:fixed}.c1{background-color:rgba(0,0,0,0.35);padding:1rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100vh;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.c11{width:520px;border:solid 5px #fff;padding:1rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.c11 >h2,.c11 >h3{margin:0;padding:0;text-transform:uppercase;color:#fff}.c11 >h2{font-size:1.75rem}.c11 >h3{font-size:1.5rem}.c11 >h4{color:#fff;margin:0;padding:0}.c11 >p{margin:0;padding:.15rem;color:#fff;}.c11 >p >a{color:#fff;text-decoration:none;}.c11 >p >a:hover,.c11 >p >a:active{text-decoration:underline}.c11List1{margin:0;padding:0;list-style:none;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}.c11List1 >li >a{width:50px;height:50px;display:block;font-size:20px;color:#fff;text-align:center;line-height:50px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}.c11List1 >li >a:hover,.c11List1 >li >a:active{background-color:#fff;color:#808080}.c12{width:300px;-webkit-align-self:center;align-self:center;-ms-flex-item-align:center;}.c12 >img{display:block;width:100%;height:auto}