.flex h1 { 
    font-size: 100px;
    /* float: right; */
    white-space: nowrap;
    padding-left: 40px;
    padding-bottom: 0;
    
}
 body {
    width: 100%;
    display: block;
    background: #DBE0E6;
 }

 .flex {
     display: flex;
     flex-direction: column;
 }
.text-modern p { 
    flex: 1;
    font-size: 20px;
    text-align: justify;
    padding: 10px 40px 0 40px;
    /* padding-left: 20px; */
    /* float: right; */

}

.modern img { 
    flex: 1;
    width: 100%;
    height: 100vh;
    /* float: left; */
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    object-fit: cover;
}

.contemporary-video { 
    width: 100%;
    text-align: left;
}

.contemporary-video iframe {
    width: 100%;
    height: 100vh;
    padding: 20px 40px 40px 40px; 
}

.text-modern h4 {
    padding-left: 40px;
    padding-top: 7px;
 }

 .arrow {
    margin-top: 7px;
}