html, body{height:100%; margin:0;padding:0}
 
body {
    background: rgb(238,174,202);
    background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
    font-family: "Lato", sans-serif;
    color: #FFF
    
}
a {
    color: #FFF;
}
.container-fluid{
  height:100%;
  display:table;
  width: 100%;
  padding: 0;
}
 
.row-fluid { display:table-cell; vertical-align: middle;}
 
.centering {
  float:none;
  margin:0 auto;
  width: 350px; 
  text-align: left!important;
  position: relative;
}

.picture {
    width: 250px;
    height: 250px;
    background: url(square3.jpg);
    background-repeat: no-repeat;
    background-size: 250px 250px;
    float: left;
}
.info-bg {
    transform: skew(-5deg);
    border-radius: 50px 5px;
    outline: 1px solid transparent;
    border: 5px solid #FFF;
    position: absolute;
    height: 350px;
    top: -50px;
    left: -17px;
    width: 380px;
}

.info {
    float: left;
    position: relative;
    width: 317px;
    font-size: 14px;
    font-weight: 400;
    padding-left: 33px;
}
.info h2 {
    font-weight: 700;
    font-size: 26px;
    text-transform: uppercase;
}

.links {
    font-size: 24px;
}

p span {
    color: #EEE;
}