*{
    margin: 0; padding: 0; box-sizing: border-box;
}

body{
    background-color: #EEE;
}

h1{
    color: rgb(76, 10, 100);
    font-size: 32pt;
    font-weight: bolder;
    margin: 30px 0px 10px 200px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

#top{
    display: flex;
}

#text{
    margin: 15px 35px 0px 200px;
    font-size: 16pt;
}

#thomas{
    background-image: url(../images/portrait.jpg);
    width: 110vh;
    height: 150px;
    float: right;
    margin: 0px 200px 0px 0px;
    background-size: 100%;

}

#thomas figcaption{
    margin-top: 155px;
    color: rgb(76, 10, 100);
    font-weight: bold;
}


#photos1{
    display: flex;
    flex: row wrap;
    margin-top: 25px;
    height: 500px;
    margin-bottom: 25px;
    justify-content: space-between;
}

#photos2{
    display: flex;
    flex: row wrap;
    justify-content: space-between;
}

#figure1{
    background-image: url(../images/pic1.jpg);
    width: 45%;
    height: 450px;
    margin: 0px 20px 20px 0px;
    background-size: 140%;
}

#figure2{
    background-image: url(../images/pic2.jpg);
    width: 45%;
    height: 450px;
    margin: 0px 0px 20px 20px;
    background-size: 130%;
}

#figure3{
    background-image: url(../images/pic3.jpg);
    width: 45%;
    height: 450px;
    margin: 20px 20px 0px 0px;
    background-size: 120%;
}

#figure4{
    background-image: url(../images/pic4.jpg);
    width: 45%;
    height: 450px;
    margin: 20px 0px 0px 20px;
    background-size: 120%;
}