.about {
    width: 100%;
    margin: 20px auto 20px auto;
    display: inline-block;
    font-family: "Cuprum" , sans-serif;
}

    .about div {
    text-align: justify;
    font-size: 18px;
    text-indent: 30px;
    margin-top:-7px;
}

    .about p {
        text-align: justify;
        margin-left: 30px;
        margin-right: 30px;
    }

        .about p strong {
            font-size: 24px;
            text-indent: 30px;
            vertical-align: middle;
            margin-top: 5px;
            text-align: left;
        }

        .about p img {
            height: 27px;
            vertical-align: middle;
            margin-right: 10px;
            margin-left: 26px;
            margin-top: -2px;
        }


.hoverbox a .preview {
    display: none;
}

.hoverbox a:hover .preview {
    display: block;
    position: absolute;
    top: -1px;
    left: -5px;
    z-index: 1;
}

.hoverbox li {
    color: inherit;
    display: inline;
    float: left;
    margin: 1px;
    padding: 1px;
    position: relative;
}

.Imageblock {
    width: 100%;
    height: 100%;
    background: rgba(70, 70, 70,0.8);
    display: block;
    opacity: 1;
    transform: scale(1,1);
    transition-timing-function: ease-out;
    transition-duration: 550ms;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms;
    z-index: 1;
    margin-top:0px;
}

    .Imageblock img {
   margin-left:-30px;
}

    .Imageblock:hover {
        position:relative;
    transform: scale(4,4);
    transition-timing-function: ease-out;
    transition-duration: 550ms;
    -webkit-transform: scale(4,4);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(4,4);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms;
    z-index: 100;
    margin-top:-255px;
}