html, body {
  min-height: 100%;}

body {background: #eeeeee;margin: 0;padding: 0;background-image: url("../images/bg.png");background-repeat: no-repeat;background-position: top center;font-family: 'Roboto', sans-serif;}

#container {max-width: 1200px;width: 100%;margin: 0 auto;height: 100%;text-align:center;}

#logo {
    width: 100%;
    max-width: 425px;
    height: 100%;
    min-height: 320px;
    margin: 0 auto;
    background-image: url("../images/logo.png");
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: 430px;
    }

#socials {
   width: 100%;
}

#socials a:link, #socials a:visited, #socials a:active {color: #000000;text-decoration:none;font-family: 'Roboto', sans-serif;text-transform:uppercase;letter-spacing: 1px;-webkit-transition: opacity 0.6s linear;opacity: 1;-webkit-transition: all 0.8s ease-in;-moz-transition: all 0.8s ease-in;transition: all 0.8s ease-in;font-size: 20pt;}

#socials a:hover {
color: #8e52e8;
        opacity: 1;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}

 #cr {
      position: fixed;
      bottom:5px;
      right:5px;
      width:30px;
      height:30px;
      color: #878787;
}

#cr a:link, #cr a:visited, #cr a:active, #cr a:hover{
  color: #cacaca;
}