body {
    	margin:0;
	padding:0;
    	font-family: Nunito Sans,sans-serif;
    	text-align: left;
}


ul, li{
    	margin:0;
	padding:0;
}


.container {
    	display: grid;
    	grid-template-columns: 100%;
	grid-row-gap: .5em;
	margin: auto;
	max-width: 1270px;
	min-height: 100%;
}


.content {
	margin: 2em 0 2em 0;
	padding: .75em;
	background-color: #fff;
}


.content_headline a {
    	color: red;
}

.content_headline a:hover {
    	color: grey;
}


.content_headline {
	grid-column: 1 / 2;
    	line-height: 2.5625rem;
	padding-bottom: .5em;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding: 0;
}

.content_headlineh3 {
	grid-column: 1 / 2;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding: 0.5em 0 0 0;
	color: #000;
}


.catalogs_headline {
	grid-column: 1 / 4;
	font-size: 2.5em;
	text-transform: uppercase;
	text-align: center;
	margin: 3em 0 0.5em 0;
	color: red;
}



.item_grid {
        grid-column: 1 / 4;
    	display: grid;
    	grid-gap: 15px;
    	grid-template-columns: 33% 33% 33%;
    	margin: 0 0 1.875rem;
}


.item_frame {
	background-color: #fff;
    	border: 1px solid #e5e5e5;
    	border-radius: 4px;
    	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
    	width: 100%;
}


.item_frame:hover {
	box-shadow: 0px 0px 15px #b5b5b5;
}


.item_frame img {
    	max-width: 100%; 
  	height: auto;
	border: 1px solid #e5e5e5;
	margin: 1em 0em 0em 1em;
}


.item_text {
	color: #1a1a1a;
    	font-weight: 700;
	padding: 0 1em 1em 1em;
        flex-grow: 1;
}


h2 {
	color: red;
}


.item_button {
	cursor: pointer;
	max-width: 110px;
    	padding: .5rem .625rem;
	background-color: grey;
    	border: 1px solid grey;
    	border-bottom: 2px solid grey;
    	font-size: 1rem;
    	font-weight: 700;
    	line-height: 1.125rem;
	border-radius: 4px;
	text-align: center;
    	user-select: none;
	margin: 0 0 1em 1em;
}


.item_buttonred {
	cursor: pointer;
	max-width: 110px;
    	padding: .5rem .625rem;
	background-color: red;
    	border: 1px solid red;
    	border-bottom: 2px solid red;
    	font-size: 1rem;
    	font-weight: 700;
    	line-height: 1.125rem;
	border-radius: 4px;
	text-align: center;
    	user-select: none;
	margin: 0 0 1em 1em;
}


.item_frame a {
    	color: #ffffff;
	text-decoration: none;
}


.item_button:hover {
	background-color: #000;
	border: 1px solid #000;
}

.item_buttonred:hover {
	background-color: #000;
	border: 1px solid #000;
}