@charset "utf-8";

p		{
		padding:  0px 0px;
		}




.grid		{
    		display: grid;
    		grid-template-columns: 1fr 1fr 1fr 1fr;
             	margin: 20px 0px 15px 0px;
             	padding: 0px 0px 0px 0px;
		}

.item		{
             	margin: 0px 20px 30px 0px;
             	padding: 0px 0px 10px 0px;
		border-bottom: solid 1px #333;
		}



.item img:hover{
		opacity: 0.6;
		}



a		{
		color:#333;
		text-decoration:none;
		}

a:hover		{
		color:#ff0000;
		text-decoration:underline;
		}



@media screen and (max-width: 767px) {





.grid		{
    		display: grid;
    		grid-template-columns: 1fr 1fr;
             	margin: 20px 0px 15px 0px;
             	padding: 0px 0px 0px 10px;
		}

.item		{
                color: #ff0000;
		}


a {
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}



}


@media screen and (min-width: 768px) and (max-width: 979px) {


.grid		{
    		display: grid;
    		grid-template-columns: 1fr 1fr 1fr;
             	margin: 20px 0px 15px 0px;
             	padding: 0px 0px 0px 10px;
		}
}