body {
    position: relative;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  }

.section1 ul{
    display:inline;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.section1 ul .list{
    cursor: pointer;
    list-style: none;
    background-color:rgb(21, 51, 93);
    width: 180px;
    height: 45px;
    margin: 8px;
    padding-top: 9px;
   color:#f3f3f3; 
   border-radius: 1rem;
   text-align: center;
}
.section1 ul .list.active{
    background-color: rgb(195, 172, 170);
    color:#22273d;
    border-radius: 1rem;
}
.gallery{
    display:inline;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.gallery .itembox{
    position: relative;
    width: 100%;
    height:100%;
    display: block;
}
.gallery .itembox.hidden{
    display: none;
    
}

@media (max-width:450px){
    .section1 ul{
        display:flex;
        font-size: 10px;
    }
    .section1 ul .list{
        cursor: pointer;
        list-style: none;
        background-color:rgb(21, 51, 93);
        width: 130px;
        height: 35px;
        margin: 8px;
        padding-top: 9px;
       color:#f3f3f3; 
       border-radius: 1rem;
       text-align: center;
    }
}
@media only screen and (max-width: 800px) and (min-width: 480px){
    .section1 ul{
        display:flex;
        font-size: 15px;
    }
    .section1 ul .list{
        cursor: pointer;
        list-style: none;
        background-color:rgb(21, 51, 93);
        width: 170px;
        height: 65px;
        margin: 8px;
        padding-top: 9px;
       color:#f3f3f3; 
       border-radius: 1rem;
       text-align: center;
    }
}

.content{
    padding: 25px;
    color: #000000;
    font-size:20px;
    border-radius: 1.5rem;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}