@charset "utf-8";

@import url("https://fonts.googleapis.com/css?family=Sacramento&display=swap");
@import url("https://fonts.googleapis.com/css?family=Averia+Serif+Libre:300,400,400i,700&display=swap");
@import url("https://kit-pro.fontawesome.com/releases/latest/css/pro.min.css");

body																									{ width:100%; background:#EFF8FA none; margin:0 auto; padding:0; }
body *																								{ max-width:100%; box-sizing:border-box; }
body a																								{ text-decoration:none; transition:all 0.5s ease; }
body img																							{ width:auto; height:auto; border:none; }
.cw																										{ width:100%; max-width:1400px; margin:0 auto; text-align:center; }
.content																							{ padding:15px 10px; }
.content section:after																	{ clear:both; display:table; content:""; }
.content .row																					{ margin:0 auto 20px; overflow:hidden; }
.content .short																				{ text-align:center; width:100%; max-width:600px; margin-left:auto; margin-right:auto; }

.pbox																								{ display:grid; gap:20px; justify-items:stretch; justify-content:stretch; text-align:center; align-items:start; max-width:100%; }
@media (max-width:960px)														{ .pbox { gap:10px; }}
@media (min-width:961px) { 																									
	.pbox.col1																					{ grid-template-columns: repeat(1, 1fr); } /* 335px sidebar */
	.pbox.col2																					{ grid-template-columns: repeat(2, 1fr); } /* 690px - 670px */
	.pbox.col3																					{ grid-template-columns: repeat(3, 1fr); } /* 454px - 440px */
	.pbox.col4																					{ grid-template-columns: repeat(4, 1fr); } /* 335px - 325px */
	.pbox.col6																					{ grid-template-columns: repeat(6, 1fr); } /* 216px - 210px */
}
@media (min-width:561px) and (max-width:960px) {
	.pbox																							{ grid-template-columns:repeat(2, 1fr); }
	.pbox.col1, .pbox.col2																{ grid-template-columns: repeat(1, 1fr); }
	.pbox.col6																					{ grid-template-columns:repeat(3, 1fr); }
	.item:last-child:nth-child(2n-1)												{ grid-column:1/-1; }
	.item:last-child:nth-child(2n-1) img, 
	.item:last-child:nth-child(2n-1) .bann,
	.item:last-child:nth-child(2n-1)	.info									{ max-width:50%; }
}
@media (max-width:560px) {
	.pbox																							{ grid-template-columns:1fr; }
	.pbox.col6																					{ grid-template-columns:repeat(2, 1fr);}
}

.bttn																									{ color:#38535A; font:400 32px/1.5 Sacramento, cursive; text-transform:lowercase; padding:8px 15px 7px; background:#FFF; outline:1px solid #C6DEE4; outline-offset:-5px;  }
.bttn:before																					{ color:#368DB0; font-size:20px; line-height:1; font-family:"Font Awesome 5 Pro";  font-weight:300; padding-right:8px; }
.bttn:hover																						{ color:#EB566C; outline-color:#F7D7CF; }
.bttn:hover:before																		{ color:#EB566C; }
.bttn.back:before																			{ content:"\2BC7"; }
.bttn.mail:before																			{ content:"\270E"; }
.bttn.back:before																			{ content:"\f4c9"; }
.bttn.mail:before																			{ content:"\f303"; }

.header																								{ background:#FFF; border: 1px solid #D3DADC; border-width:1px 0; box-shadow:0 0 10px #D3DADC; ; margin:15px auto; }
.header .cw																						{ padding:15px 0; }
.header .logo																					{ color:#38535A; font:400 50px/1.4 Sacramento, cursive; text-align:center; margin:0 auto; width:auto; }
.header .logo a																				{ color:inherit; font-size:inherit; line-heigh:inherit; font-weight:inherit; }
.header .logo a:hover																	{ color:#38535A; }
.header .bits																					{ margin:0 auto 15px; display:block; max-width:90%; }
.header .tag																					{ color:#38535A; font:300 24px/1.25 "Averia Serif Libre", serif; text-align:center; margin:0 auto; }

.content h2																						{ color:#38535A; font:400 40px/1.25 Sacramento, cursive; text-align:center; margin:0; padding:20px 10px 20px; background:url(images/title-decor.png) center bottom no-repeat; }
.content h5																						{ color:#3E8CAB; font-size:20px; line-height:1.4; font-family:"Averia Serif Libre", serif; margin:0; padding:10px 0 15px; }
.content p																						{ color:#38535A; font-size:18px; line-height:1.4; font-family:"Averia Serif Libre", serif; margin:0 0 30px; padding:0; }
.content p a																					{ color:#3E8CAB; text-decoration:underline; }
.content p a:hover																		{ color:#EB566C; }
.content .sig																					{ color:#3E8CAB; font-size:30px; font-family:Sacramento, cursive; }

img.ibox																							{ background:#FFF; border:1px solid #D3DADC; box-shadow:0 0 10px #D3DADC; padding:10px; display:block; margin:0 auto 20px; }

.links .item																						{ text-align:center; }
.links .item a																					{ display:block; width:100%; }
.links .item img.ibox																		{ margin:0 auto 10px; }
.links .item span																			{ color:#38535A; font:400 18px/1.5 "Averia Serif Libre", serif; text-transform:uppercase; display:block; text-align:center; margin:0 auto 15px; }
.links .item a:hover span															{ color:#EB566C; }

.about img.ibox																				{ max-width:250px; margin:0 auto 10px; }
@media (min-width:550px) {
	.about img.ibox																			{ float:left; margin:0 30px 10px 0; }
	.about h5, .about p																	{ text-align:left; }
}

.pump .item img.ibox																	{ margin:0 auto 10px; }

.pagination																						{ text-align:center; border-top:1px solid #C6DEE4; margin:30px auto; padding:30px 0; }
.pagination .bttn																			{ margin:0 15px; }

@media (max-width:549px) {
	.header .logo a																			{ font-size:35px; }
	.header .tag																				{ font-size:17px; }
	.content h2																					{ font-size:32px; padding-top:10px; }
	.content h5																					{ font-size:18px; padding:10px 0; }
	.content p																					{ font-size:16px; margin-bottom:20px; }
	.content .sig																				{ font-size:28px; }
	.pagination .bttn																		{ width:100%; max-width:220px; display:block; margin:0 auto 15px; }
}