body{
    max-width:1100px;
    margin:0 auto;
}

.filter{
    background-color:lightgray;
    width:22%;
    margin-right:3%;
    float:left;
    
}

.list{
    width:75%;
    float:left;
}

.listitem{
    width:30%;
    margin-right:3%;
    margin-bottom: 30px;
    display:inline-block;
}

.circle{
    width:20px;
    height:20px;
    border-radius:10px;
    background-color:black;
    margin-right:5px;
    display:inline-block;
}

.picture img{
    width:100%;
}

.main .picture{
    width:72%;
    margin-right:3%;
    display:inline-block;
}

.main .text{
    width:24%;
    display:inline-block;
}

.button{
    background-color:green;
    padding: 13px 20px;
    margin-top:25px;
}

.detail h4{
    display:inline;
    margin-right:20px;
}

.detail p{
    display:inline;
}

.detail, .reviews{
    margin-top:80px;
}

header{
    width:100%;
    padding:10px;
    background-color:lightblue;
    margin-bottom:40px;
}

header a{
    margin:0;
    display:inline;
}

header a{
    font-size: 1.2em;
    font-weight:bold;
    margin-left:30px;
    text-decoration: none;
}

.header{
    margin-left:0;
    font-size:2em;
}

.index a{
    display:block;
}