@charset "UTF-8";

div#content > div#content-paragraph-image-block{

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;

    margin-top: 30px;
    margin-bottom: 60px;

    color: white;

    
    letter-spacing: 0.02em;

    width: 80vw;

    padding-left:10vw;
    padding-right:10vw;
}

div#content > div#index-block{

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;

    margin-top: 80px;
    margin-bottom: 80px;

    color: white;

    
    letter-spacing: 0.02em;

    padding-left:10vw;
    padding-right:10vw;
}


div#content > div#content-paragraph-image-block > div#content-image {

    width: 40%;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    padding: 50px;
}
div#content > div#content-paragraph-image-block > div#content-paragraph {

    width: 50vw;
    /*text-align: left;*/
    

    /*padding-left: 100px;*/
    /*margin-right: 100px;*/
    
}

div#content > div#content-paragraph-image-block > div#content-paragraph-full {

    width: 80vw;
    
    
}

div#content > div#content-paragraph-image-block > div#content-paragraph > p,

div#content > div#content-paragraph-image-block > div#content-paragraph-full > p{

    font-size: 20px;
    margin-bottom: 1em;
    margin-top:1em;
    line-height: 1.6em;
    width: 100%;
}

div#content > div#content-paragraph-image-block > div#content-image > img {

    max-width: 800px;
    max-height: 800px;
    width: auto;
    /*margin-right: 160px;
    margin-left: 160px;*/
}

ul {

    list-style: disc;
    padding-left: 4em;
    line-height: 1.1em;
    font-size: 20px;
}

ol {

    list-style: decimal;
    padding-left: 4em;
    line-height: 1.1em;
    font-size: 20px;
}

ul>li{

    margin-bottom: 0.8em;
}

ol>li{

    margin-bottom: 1em;
}

@media only screen and (max-width: 1200px) {
    div#content > div#content-paragraph-image-block{

        flex-direction: column;
        justify-content:  start;

        padding-left: 5vw;
        padding-right: 5vw;
        width: 90vw;

    }

    div#content > div#content-paragraph-image-block > div#content-paragraph,
    div#content > div#content-paragraph-image-block > div#content-image {

        width: 100%;
        
    }
    div#content > div#content-paragraph-image-block > div#content-image {
        margin-top:50px;
        padding: 0px;
    }

    div#content > div#content-paragraph-image-block > div#content-image >  img {
        max-width: 80vw;
        height: auto;
    }
  }