.title
{
	    font-family: norse;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    width: 100%;
    padding: 150px 0px 30px 0px;
    letter-spacing: 2px;
    font-size: 80px;
    line-height: 80px;
    color: #cc8d23;
}

.grid
{
	width:90%;
	margin:20px auto;
}

.grid-item
{
	width:calc((100% - 40px)/4);
	margin:5px;
	display:block;
}

.grid-item img
{
	width:100%;
	height:auto;
}


@media screen and (max-width:1150px)
{
	.grid
	{
		width:98%;
	}

	.grid-item
	{
		width:calc((100% - 30px)/3);
	}
}	

@media screen and (max-width:750px)
{
	.grid-item
	{
		width:calc((100% - 20px)/2);
	}
}	

@media screen and (max-width:450px)
{
	.grid-item
	{
		width:calc(100% - 10px);
	}
}