body {
    background-image: url("../images/monet-sunset.png");
}

/* .row {
    display: flex;
} */

.topnav {
    display: block;
    flex: none;
    padding-top: 3%;
}

.topnav a {
    padding-left: 20%;
    
   
    color: #f2f2f2;
  
    padding: 14px 16px;
    text-decoration: none;
    font-size: 14px;
  }

#index-container {
    display: block;
}

#index-header {
    color: rgba(213, 213, 213, 1);
    font-family: 'Playfair Display SC', serif;
    padding-left: 5%;
}

#index-header h1 {
    font-size: 64px;
}

#overview-text h3 {
    margin-bottom: 10%;
    
}

#overview-text {

    position: fixed;
    top: 0;
    left: 60vw;
    height: 100%;

    color: rgba(213, 213, 213, 1);
    background-color: rgba(29, 20, 17, 0.7);
    background-blend-mode: multiply;

    padding: 5%;

    overflow: scroll;

    /* Hide vertical scrollbar */
    overflow-x: hidden;

}

.btn-light {
    margin-top: 20%;
    color: black;
}



@media screen and (max-width: 1000px) {

    #index-header h1 {
        font-size: 48px;
    }
}

@media screen and (max-width: 650px) {

    #index-header h1 {
        font-size: 32px;
        padding-left: 10%;
    }
    

    .icon {
        position: absolute;
        right: 250;
    }
  }