@media only screen and (max-width: 640px){.menu{margin:0 auto 0 auto;width:315px}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.anim{opacity:0;-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:0.5s;-moz-animation-duration:0.5s;animation-duration:0.5s;backface-visibility:hidden}h1{font-weight:bold;font-size:3.2rem;margin:0;padding:0}a:link{text-decoration:none}body,html{height:100%;font-family:'Lato',sans-serif}body{color:#fff;background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url(./img/background.jpg) center center no-repeat fixed;background-size:cover}.container{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:60%}.logo{margin:0;max-width:282px;width:100%;-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;animation-delay:0.2s}.title{-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;animation-delay:0.4s;font-size:2.2rem;margin:100px 0 0 0;text-align:center;word-wrap:break-word}.menu{margin:100px auto 0 auto}.button:nth-child(1){-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;animation-delay:0.6s}.button:nth-child(2){-webkit-animation-delay:0.8s;-moz-animation-delay:0.8s;animation-delay:0.8s}.button:nth-child(3){-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.button:nth-child(4){-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;animation-delay:1.2s}.button:nth-child(5){-webkit-animation-delay:1.4s;-moz-animation-delay:1.4s;animation-delay:1.4s}.button{transition:all 0.2s ease-in-out;display:inline-block;margin:0 20px 0 20px}.button:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}.button:hover::before{color:#fff}.button:nth-child(1) a:hover::before{color:#cb2027}.button:nth-child(2) a:hover::before{color:#aad450}.button:nth-child(3) a:hover::before{color:#00bf8f}.button:nth-child(4) a:hover::before{color:#00aced}.button:nth-child(5) a:hover::before{color:#3b5998}.button a{width:60px;height:60px;border:1px #fff solid;border-radius:50%;text-align:center}.button a:before{font-size:32px;line-height:60px;color:#fff}.button a:hover{background-color:#fff}.button:nth-child(1) a::before{font-size:36px;line-height:57px}.button:nth-child(1){position:relative;top:0px}.button:nth-child(5) a::before{font-size:28px}.button:nth-child(5){position:relative;top:-1px}.button:nth-child(3) a::before{font-size:28px;line-height:57px}.button:nth-child(3){position:relative;top:-3px}