body {
    background-color:#2c3e50;
    color: white;
    padding:20vh 10px 50px 10px;
}
h1 {
    font-family:"Raleway";
    font-size: 3.5vw;
    font-weight: 600;
    text-align: center;
}
p, a:link, a:visited, a:hover, a:active {
    text-decoration:none;
    font-family:"Raleway";
    font-weight: 100;
    font-size: 2vw;
    margin:0.1em 0px 1em 0px;
    color:white;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
a:hover {
    color:#bdc3c7;
}
#wrapper {
    text-align:center;
    display: block;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    max-width: 580px;
	min-height:300px;
}
#content {
    margin-top: 10vh;
}
#phone, #mail {
    font-weight: 700;
	white-space: nowrap;
	display:block;
}

#social p {
	margin-bottom:0.1em;
}

#social_links a {
	margin:0px 0.5vw 0px 0.5vw;
}

footer {
	clear:both;
    width: 100%;
    text-align:center;
    position:absolute;
    bottom: 0;
    left:0;
    padding-bottom:10px;
}

#cvr {
    font-size:15px;
    color:#FFFFFF;
    min-height:20px;
}

#cvr:hover {
    font-size:18px;
    color:#FFF;
}

/* RESPONSIVENESS */
@media screen and (max-device-width : 320px)
{
  body {padding:10vh 10px 50px 10px;}
  h1{font-size:17vw;}
  #content {margin-top: 70px;}
  p, a, a:link, a:visited, a:hover, a:active {font-size: 10vw;}
}

@media screen and (max-device-width : 1204px)
{
  body {padding:10vh 10px 50px 10px;}
  h1{font-size:10vw;}
  #content {margin-top: 70px;}
  p, a, a:link, a:visited, a:hover, a:active {font-size: 6vw;}
}