body {
    background: rgb(15, 15, 15);
}
header {background: rgb(223, 136, 223);
        background-image: url("images/UNADJUSTEDNONRAW_thumb_85.jpg") ;
        background-size: 100%;
        background-position: center;
        margin: 0px;
        height: 300px;
}       
header .logo a{
        background-image: url("images/MASEGO\ LOGO.jpg");
        background-size: 300px;
        background-repeat: no-repeat;
        position: relative;
        display: inline-block;
        width: 300px;
        height: 200px;
        text-indent: -9999999999px;
        border-radius: 10px;
        
}

.home {
    background: whitesmoke;
    color: rgb(85, 83, 83);
    padding: 1%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.home figure {
    display: inline-block;   
    margin: auto;
    text-align: center;
    flex-wrap: wrap;
}    

.features {
        background: rgb(117, 79, 122);
        color: white;
        padding: 1%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
}

.Meetings {
    background: whitesmoke;
    color: rgb(85, 83, 83);
    padding: 1%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.Meetings figure {
    display: inline-block;   
    margin: auto;
    text-align: center;
    flex-wrap: wrap;
}    

@media screen and (max-width: 400px) {
    .features {background: red;}
}

.features figure {
    display: inline-block;   
    margin: auto;
    text-align: center;
    flex-wrap: wrap;
}    
.features figure img{
    

}
ul  {margin: 0;
    padding: 0;
    list-style-type: none;
}
li  {display: inline-block;
    margin-right: 20px; 
    flex-direction: row-reverse;
}
.rooms {
    background: white;
    color: black;
    padding: 1%;
    display: flex;
    flex-direction: row;

    
}

footer {background: rgb(207, 128, 207);
        padding: 2%

}