* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    top: 1%;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
}

.mastercontainer {
	justify-content: center;
    align-items: center;
    text-align: center;
}

.container {
    width: 300px;
    box-shadow: 0 2px 7px black;
    background-size: cover;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
    font-family: 'Abel', sans-serif;
}
.logo-devider {
	margin: 30px 25px 20px 25px;
	border: none;
	height: 1px;
	color: #3259A4;  /* old IE */
	background-color: #3259A4;  /* Modern Browsers */
}
.logocontainer {
	width: 300px;
    
	background-size: cover;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
}

.logocontainer img {
	width:110px;
	object-fit: contain;
	margin: 10px;
}
.shape {
    height: 215px;
    width: 400px;
    background-color: #3259A4;
    margin-left: -20px;
    position: relative;
    top: -110px;
    box-shadow: 0 2px 15px black;
    transform: rotate(25deg);
}

.logo {
	background-size: cover;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
	height: 80px;
    width: 300px;
	background-image: url('logo.jpg');
}

.image {
    height: 150px;
    width: 150px;
    background-image: url('profielfoto-sm.jpg');
    background-size: cover;
    border-radius: 50%;
    border: 8px solid white;
    position: relative;
    top: 150px;
    margin-left: 145px;
    box-shadow: 0 2px 15px rgb(58, 54, 54);
    transform: rotate(-25deg);
}

h3 {
    margin-bottom: 5px;
    font-family: 'Montserrat', sans-serif;
}
.name {
    font-size: 1.7em;
}
.title, a {
    color: rgb(105, 100, 109);
}

p {
    padding-left: 30px;
    padding-right: 30px;
    color: rgb(105, 100, 109);
}

.icons {
    margin-top: 25px;
}

.icons i {
    margin-left: 10px;
    font-size: 15px;
    transition: 0.3s;
    color: #3259A4;
}

.icons i:hover {
    color: #839BC9;
}

a {
    text-decoration: none;
    color: #000;
}
a:hover {
    text-decoration: underline;
    color: #000;
} 


.dl{
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight:300;
  bottom:40px;
  left:40px;
  position: absolute;
  opacity: 0;
}

dl dt{
  float: left;
  width: 60px;
  overflow: hidden;
  clear: left;
  text-align: right;
  font-weight:700;
}

dl dd{
  margin-left: 80px;
  text-align:left;
  color: #000;
}

dl dd:before,
dl dd:after{
  display: table;
  content: " ";
}

dl dd:after{
  clear: both;
  margin-bottom: 10px;
}