/** Zuerst kleine Monitore **/
.body {
align-content: middle;
}


#main {  
    width: 100%; 
	border: 5px; 
	

	vertical-align: middle;
}

#product {
	width: 90%;
	height: 100%;
	background-color: white;
	float: left; 
	padding: 2px;
	box-sizing: border-box;
	color: grey;
	margin-top:10px;
	display: block;
	border:1px;
	margin:10px;
text-align: center;

}

.product {
display:block;
width:100%;
}

/** Größere Monitore **/
@media only screen and (min-width: 600px) {
    #main { 
        width: 100%;
	border: 5px; 
	
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
    }


#product {
	width: 28%;
	height: 390px;
	background-color: white;
	float: left; 
	padding: 2px;
	box-sizing: border-box;
	color: grey;
	margin-top:10px;
	display: block;
	border:1px;
	margin:10px;
text-align: center;


}


.product {
display:block;
width:100%;
height:50%;
}

btn {
display:block;
width:80%;
}

}