.content,
.content-placeholder {
    display: inline-block;
    width: 100%;
    height: auto;
}

.content-placeholder {
    background-color: #fff;
    height: 250px;
    padding: 10px 15px;
    position: relative;
}

.content-placeholder div {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: shimmer;
    -webkit-animation-timing-function: linear;

    -moz-animation-duration: 1s;
    -moz-animation-fill-mode: forwards;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: shimmer;
    -moz-animation-timing-function: linear;

    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: shimmer;
    animation-timing-function: linear;

    background: #e0e0e0;

    background-image: -webkit-gradient(linear, left center, right center, from(#e0e0e0), color-stop(.2, #fefefe), color-stop(.4, #e0e0e0), to(#e0e0e0));
    background-image: -webkit-linear-gradient(to right, #e0e0e0 0%, #fefefe 20%, #e0e0e0 40%, #e0e0e0 100%);

    /*background-image: -moz-gradient(linear, left center, right center, from(#f6f7f8), color-stop(.2, #edeef1), color-stop(.4, #f6f7f8), to(#f6f7f8));*/
    background-image: -moz-linear-gradient(to right, #e0e0e0 0%, #fefefe 20%, #e0e0e0 40%, #e0e0e0 100%);

    background-image: gradient(linear, left center, right center, from(#e0e0e0), color-stop(.2, #fefefe), color-stop(.4, #e0e0e0), to(#e0e0e0));
    background-image: linear-gradient(to right, #e0e0e0 0%, #fefefe 20%, #e0e0e0 40%, #e0e0e0 100%);

    background-repeat: no-repeat;
    background-size: 200% auto;
    height: 300px;
    position: relative;
}

div.title,
div.subtitle {
    width: auto;
    margin-left: 5%;

}

div.title {
    height: 2em;
    border-radius: 2px;
    margin-right: 40%;
    margin-bottom: 0.5em;
}

div.subtitle {
    height: 0.5em;
    border-radius: 0.25em;
    left: 1em;
    margin-right: 60%;
    margin-bottom: 1.5em;
}

div.text1,
div.text2,
div.text3 {
    width: 100%;
    height: 1em;
    border-radius: 0.5em;
    margin-bottom: 0.5em;
}

div.text1 {
    width: 100%;
}

div.text2 {
    width: 66%;
}

div.text3 {
    width: 75%;
}

@-webkit-keyframes shimmer {
    0% {
        background-position: 100% 0;
    }
    100% {
        background-position: -100% 0;
    }
}

@-moz-keyframes shimmer {
    0% {
        background-position: 100% 0;
    }
    100% {
        background-position: -100% 0;
    }
}

@keyframes shimmer {
    0% {
        background-position: 100% 0;
    }
    100% {
        background-position: -100% 0;
    }
}