*{
	margin: 0; padding: 0;
	list-style-type: none;
    font-family: Raleway, sans-serif, Arial;
}

#title {
    text-align: center;
} 

.close {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    margin-left: 10px;
    background-color: red;
    padding-left: 7px;
    padding-bottom: 5px;
    padding-top: 2px;
    padding-right: 7px;
    border-radius: 100px;
}

#title hr {
    margin-bottom: 30px;
    margin-top: 30px;
}

#title h1 {
    margin-top: 20px;
}

#wrapper
{
    max-width: 60em; /* 960 px */
    margin: 0 auto;
}
    #list
    {
        width: 103.125%; /* 990px */
        overflow: hidden;
        margin-left: -1.562%; /* 15px */
        margin-bottom: -1.875em; /* 30px */
    }
        .grid-item
        {
            width: 30.303%; /* 300px */
            float: left;
            margin: 0 1.515% 1.875em; /* 15px 30px */
        }
 
@media only screen and ( max-width: 40em ) /* 640px */
{
    .item
    {
        width: 46.876%; /* 305px */
        margin-bottom: 0.938em; /* 15px */
    }
}
@media only screen and ( max-width: 20em ) /* 640px */
{
    #list
    {
        width: 100%;
        margin-left: 0;
    }
        .grid-item
        {
            width: 100%;
            margin-left: 0;
            margin-right: 0;
        }
}