body {
    background: #d5d5d5; padding-top: 100px; min-height: 500px;
}
.main-st {
    background: url('../images/ahmedkamal.jpg') top center no-repeat;
    width: 900px; height: 600px; position: absolute; top:50%; left: 50%; margin-top: -300px; margin-left: -450px;
}
.main-st img {
    position: absolute;
    top: 298px;
    left: 434px;
}
.social-box {
    right: 68px; bottom: 64px; height: 37px; position: absolute;
}
.social-box a {
    display: inline-block; width: 39px; height: 37px; transition: all 0.3s ease-in-out;
}
.social-box a:hover {
     transition: all 0.3s ease-in-out; opacity: 0.75;
}
.fb {
    background: url('../images/fb.jpg') top center no-repeat;
}
.tw {
    background: url('../images/tw.jpg') top center no-repeat;
}
.yt {
    background: url('../images/yt.jpg') top center no-repeat;
}
.in {
    background: url('../images/in.jpg') top center no-repeat;
}