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

body{
    background-color: #C1DBB3;
}

header{
    font-family: Georgia, 'Times New Roman', Times, serif;
    margin-bottom: 12px;
    text-align: center;
    padding-top: 5px;
    color: #FA7070;
    font-size: 20px;
}

main#photos{
    min-height: 100px;
    display: flex;
    padding: 8px;
}

main#photos section{
    max-height: 750px;
}

.thumbnails{
    flex: 1 0 360px;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    padding: 8px;
}

.thumbnails figure{
    flex: 0 0 150px;
    aspect-ratio: 1;
    background-size: cover;
    background-position: center;
    margin: 3px;
    border: 3px solid #FA7070;
}

.thumbnails figure:hover{
    cursor: pointer;
}

#bigsection{
    flex-grow: 1;
    text-align: center;
    padding-top: 10px;
    width: 800px
}

#bigcaption{
    margin-bottom: 10px;
}

#bigimage{
    width: 90%;
    height: 600px; 
}

#bigcaption{
    color: black;
    font-size: 18px;
}

.figure1{
    background-image: url(../images/dino-small.jpg);
}

.figure2{
    background-image: url(../images/wheel-small.jpg);
}

.figure3{
    background-image: url(../images/poster-small.jpg);
}

.figure4{
    background-image: url(../images/food-small.jpg);
}

.figure5{
    background-image: url(../images/top-small.jpg);
}

.figure6{
    background-image: url(../images/la-small.jpg);
}