@charset "utf-8";

*,.holder{padding:0;  }
.holder,section{position:relative}
*{box-sizing:border-box}
#footer{vertical-align:bottom;bottom:0}
.holder{width:1190px;margin:auto;border-collapse:separate;border-spacing:5px}
#wrapper,body{width:100%;overflow-x:hidden}
#wrapper,body,html{margin:0;padding:0}
body,html{border:0;font:inherit}
body{min-height:100%;position:absolute;line-height:1}
.capitals{text-transform:uppercase}
#wrapper{display:table;height:100%;min-height:100vh}
section{display:grid;grid-column-gap:1%;grid-row-gap:1%;overflow:hidden;width:100vw}
section.no-gap{grid-column-gap:0;grid-row-gap:0}
section.middle{align-items:center}
section.bottom{align-items:end}
section.full{grid-template-columns:99%;grid-template-rows:auto}
section.sub-cont{grid-template-columns:20% auto}
section.half{grid-template-columns:49% 49%}
section.third{grid-template-columns:32% 33% 32%}
section.two_third-third{grid-template-columns:66% 32%}
section.third-two_third{grid-template-columns:32% 66%}
section.quarter{grid-template-columns:24% 24% 24% 24%}
section.half-quarter{grid-template-columns:49% 24% 24%}
section.quarter-half{grid-template-columns:24% 24% 49%}
section.quarter-half-quarter{grid-template-columns:24% 49% 24%}
section.three_quarter-quarter{grid-template-columns:74% 24%}
section.quarter-three_quarter{grid-template-columns:24% 74%}
ul.item{list-style:none;text-align:center;display:grid;padding:20px 10px;grid-column-gap:1%;grid-row-gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
ul.item>li{border-radius:5px;padding:10px;background-color:#e3e3e3}
.shadow{text-shadow:2px 2px 2px #000}
@media only screen and (max-width:767px){section.full,section.half,section.half-quarter,section.quarter,section.quarter-half,section.quarter-half-quarter,section.quarter-three_quarter,section.third,section.third-two_third,section.three_quarter-quarter,section.two_third-third{grid-template-columns:99%;grid-row-gap:10px}
	section.sub-cont{grid-template-columns:30% auto  }}

@media only screen and (min-width:960px) and (max-width:1199px){
	.holder{width:960px}
	section.sub-cont{grid-template-columns:30% auto  }
}
@media only screen and (min-width:768px) and (max-width:959px){
	.holder{width:768px}
	section.sub-cont{grid-template-columns:30% auto  }
}
@media only screen and (max-width:479px){
	.holder{width:300px; margin:auto} 
	section.sub-cont{grid-template-columns:100%  }
}
@media only screen and (min-width:480px) and (max-width:767px){
	.holder{width:479px; } 
	section.sub-cont{grid-template-columns:100%  }
}