html, body {width:100%;
height:100%;
margin:0;
padding:0;
text-align: left;
font-family:'Times New Roman', serif;
background: #fff;}

.content-wrapper{width:calc(100% - 60px);
margin:30px;}

.logotype {font-size:2.5vw;
font-weight:500;
border-bottom:1px solid #000;display:inline-block;
font-style: italic;
}

.date {color:#454545;
font-size:0.7vw;}

.article {width:75%;
clear:both;
margin-bottom:30px;
overflow: auto;}

.assorted-images {float:left;
width:43%;
margin-right:30px;}

.texts {float:left;
width:calc(57% - 30px);}

img{width:100%;
height:auto;}

.article p{font-size:1.1vw;}

.title {font-size:1.5vw;
font-weight: 500;}

.title {text-transform: uppercase;}

@media screen  and (max-width: 768px) {
    
    .content-wrapper{width:calc(100% - 40px);
margin:20px;}
    
    .logotype {font-size:32px;
    }
    
    .title {font-size:24px;
font-weight: 500;}

.article p{font-size:16px;}

.assorted-images{margin-bottom:30px;
width:100%;}

.texts {float:left;
width:100%;}



    
    .article{width:100%;
    margin:30px auto 70px;
    display:inline-block;}
    
img {width:100%;}
    
}