@media all{

header{
	background:rgba(10 30 50 / .6) !important;
}
	
main {
    padding: 2em 5% 0 !important;
}

table{
	margin:0 0 .5em;
	border-collapse:separate;
	border-spacing:0;
	max-width:768px;
	width:100%;
}

th,
td{
	border:1px solid #ccc;
	border-right-style:hidden;
	border-bottom-style:hidden;
	text-align:center;
	padding:1em 0.2em;
}

th:last-child,td:last-child{
	border-right-style:solid;
}

tr:last-child td{
	border-bottom-style:solid;
}

th{
	background:rgba(240 240 240 / .7);
	width:36%;
}

th:first-child{
	width:28%;
}

#intro{
	overflow:hidden;
	margin:0 0 2em;
}

#category{
	overflow:hidden;
}

#category div{
	width:49%;
	margin:0 0 3em;
}

#category a{
	overflow:hidden;
	display:block;
	margin:0 auto;
}

#category a img{
	vertical-align:bottom;
	display:block;
	margin:0 auto;
	width:100%;
	
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;
}

#category a img:hover{
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}

#category p{
	margin:1em 0;
}

h1 + p br{
	display:block !important;
}

}

@media screen and (max-width: 1320px) {
	
main {
	padding: 1.5em 2% 0 !important;
}

}

@media screen and (min-width:921px){

#intro span:first-child{
	float:left;
	margin:0 2% 0 8%;
}

#intro span:last-child{
	float:left;
	margin:0 8% 0 2%;
}

#intro span{
	width:40%;
}

}

@media screen and (min-width:641px) and (max-width:920px){

#intro span:first-child{
	float:left;
}

#intro span:last-child{
	float:right;
}

#intro span{
	width:48%;
}

}

@media screen and (min-width:641px){

#category div:nth-child(odd){
	float:left;
	clear:both;
}

#category div:nth-child(even){
	float:right;
}

}

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

#category div{
	width:100%;
}

}

@media screen and (max-width:480px){
	
.slider > div > a > p {
	text-align:center !important;
}

}

@media print{

#category div:nth-child(odd){
	float:left;
	clear:both;
}

#category div:nth-child(even){
	float:right;
}

}