.content {
    display: block;
    width: 100%;
    min-height: 100vh;

    /*padding-right: 18px;*/

    /*width: auto;*/
    text-align: center;
    /*border-bottom: black 2px solid;*/
    overflow-x: visible;
    overflow-y: hidden;

    padding-top: 50px;
    padding-bottom: 50px;
    white-space: normal;
    min-width: 460px;
}

.content-text-section {
    text-align: center;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    vertical-align: top;
    overflow: hidden;
}

.content-text-section p {
    width: 98%;
    text-align: justify;
    text-align-last: center;
    padding-right: 1%;
    padding-left: 1%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.content-text-section h1 {
    font-family: OpenSans, Arial, tahoma, sans-serif;
    /*color: #2D2D2D;*/
}

.content-text-section h1 span {
    font-weight: bold;
}

.content-text-section .subtitle {
    text-align: center;
    padding: 0;
    width: auto;
}

.content-animation {
    animation-fill-mode: forwards;
    animation-duration: 1000ms; /* the duration of the animation */
    animation-timing-function: ease-out; /* how the animation will behave */
    animation-delay: 2000ms; /* how long to delay the animation from starting */
    animation-iteration-count: 1; /* how many times the animation will play */
    animation-name: fadein; /* the name of the animation we defined above */
}