html, body {
    font-family: 'Segoe UI', 'Open Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: 4a4a4a;
}

.h1 {
    font-family: 'Segoe UI Variable Display';
    font-size: clamp(48px,4.5vw, 5vw);  
    font-weight: 100; 
    letter-spacing: .5vw;
    text-align:right; 
    padding-top: 2vh; 
  
}
.h2 {
    font-variant: small-caps; 
    font-size: clamp(14px, 1.5vw, 2vw);
    font-weight:200; 
    text-align:right; 
    padding-right: 1vw; 
}
.p {
    padding-top: 10vh;
    text-align: right; 
    font-size: clamp(12px, 1vw, 1vw)
}

.bg {
    height: clamp(465px, 100vh, 100vh); 
    width: auto; 
    z-index: -1; 
    position: fixed; 
    right: 0;
    top: 0;
}
.row-container {
    display: flex; 
    flex-direction: row; 
    flex-wrap: nowrap; 
    justify-content: left; 
    align-items:center; 
}


.textdiv {
    background-color: white; 
    opacity: .9; 
    z-index: 1; 
    padding: 30px; 
    margin-left: 10vw; 
    width: clamp(400px, 38vw, 38vw);  
    height: 40%;
}

.notextdiv {
    width: 100vw;
    margin-bottom: 12vh; 
    text-align: right; 
    color:darkolivegreen; 
}

.footer {
    background-color: white;
    opacity: .9;
    z-index: 1;
     margin-left: 10vw;
    padding-left: 30px;
    padding-right: 30px;
    height: fit-content;
    position: fixed; 
    bottom: 0; 
    left: 30vw; 
    font-size: 2vh;
    color: darkolivegreen;
}