body {
    font-family:Arial;
    }

.parent {
    display: flex;
    max-width: 100%;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    max-width:90%;
    margin:0 auto;
}

.box {
    /*  width: 625px;
    height: 515px;
    font-size: 18px;
    font-family: Arial;*/ 
flex-grow: 1;
   flex-shrink: 1;
   flex-basis: calc(25% - 10px);
   margin: 5px;
   
}

.flex-nav {
    display: flex;
    flex-wrap: wrap;
    max-width: 90%;
    margin: 0 auto;
}


.navbox {
    width: 239px;
    height: 39px;
    margin: 0 30px 0 30px;
    /*flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(25% - 10px);*/
}

.img{
    width:100%;
}

.row1{
    padding-bottom: 118.9%;
}

.row2 {
    padding-bottom: 75%;
}

.img-wrapper{
    overflow: hidden;
    position: relative;
}

.txtdiv{
    width:80%;
    margin:0 auto 0 auto;
}

.linear-gradient-example {
    background-image: linear-gradient(to bottom, #F2EDE9, #ffffff);

}