body{color:#fff;font-family:'Dosis', sans-serif;background:url(../images/bg_turku.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}body a{color:#fff}body h1{font-family:'Titillium Web', sans-serif;position:relative;background-color:#57e736;color:#222}body .personal-info{background:rgba(20,20,20,0.6);text-align:center;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}body .personal-info .personal{padding:0 10px 10px 10px}body .personal-info .personal .fas{margin-right:5px;color:#57e736}body .personal-info .social-media{background-color:#fff;padding-top:5px;margin-top:10px}body .personal-info .social-media svg{fill:#222}body .personal-info .social-media .drupal svg{fill:#0077C0}body .personal-info .social-media .linkedin svg{fill:#0077b5}body .personal-info .social-media .facebook svg{fill:#3b5998}body .personal-info .social-media .instagram svg{fill:#e95950}@media screen and (min-width: 600px){body .personal-info{max-width:425px;left:50%;transform:translate(-50%, -50%)}body .personal-info .social-media .drupal svg,body .personal-info .social-media .linkedin svg,body .personal-info .social-media .facebook svg,body .personal-info .social-media .instagram svg{fill:#222}body .personal-info .social-media .drupal:hover svg{fill:#0077C0}body .personal-info .social-media .linkedin:hover svg{fill:#0077b5}body .personal-info .social-media .facebook:hover svg{fill:#3b5998}body .personal-info .social-media .instagram:hover svg{fill:#e95950}}