body {
	margin:0px;
	max-width:100vw;
	color:#7f645a;
	background:url("../images/bg.png");
	background-size:25%;
}
hr {
	background-color:#bda096;
	background-image:url("../images/box.svg");
	height: 20px;
	color: transparent;
	border: none;
	background-position-x: 25%;
	background-position-y: 4px;
	margin:0px;
	border-top: 5px solid #bda096;
	border-bottom: 5px solid #bda096;
}
*, ::before, ::after {
	box-sizing: inherit;
}
.banner {
	width: calc(100% - 3em);
	background-color:#e3fbff;
	padding:1.5em 1.5em 1.75em 1.5em;
}
.banner h1 {
	font-family: 'Sofia';
	font-size: 2em;
	margin:0px;
}
.bannerhr {
	height:20px;
	width:100%;
	background-image:url("../images/4nya_hr.png");
	background-size: contain;
	position: absolute;
	z-index: 1;
	transform: translateY(-12px);
}
.container {
	width:100%;
	max-width:1000px;
	margin:auto;
}
.firstimage{
	animation: animfirstimage 1s step-end;
	animation-iteration-count: infinite;
}
.secondimage{
	animation: animsecondimage 1s step-end;
	animation-iteration-count: infinite;
	position: absolute;
	left:0px;
}
.firstimage, .secondimage {
	width: 100%;
	height: auto;
}
.celldiv {
	position:relative;
}
.bigcell {width:calc(100% / 3 * 2)}
.bigcell div{
	background-color:#FFFB;
	position:absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	padding: 3rem;
}
.bigcell div h2, .bigcell div p{
	width:100%;
	text-align:center;
}
.bigcell div h2 {
	font-family: 'Pencilpete';
	font-size:2em;
	margin:0px 0px 0.25em; 0px;
}
.bigcell div p {
	font-size:1.5em;
	font-family: 'Pencilpete';
	margin:0px;
}
.smallcell {width:calc(100% / 3)}

.redcell {
	background: rgb(243,181,161);
	background: -moz-linear-gradient(125deg, rgba(243,181,161,1) 0%, rgba(255,228,219,1) 100%);
	background: -webkit-linear-gradient(125deg, rgba(243,181,161,1) 0%, rgba(255,228,219,1) 100%);
	background: linear-gradient(125deg, rgba(243,181,161,1) 0%, rgba(255,228,219,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3b5a1",endColorstr="#ffe4db",GradientType=1);
}
.bluecell {
	background: rgb(178,232,242);
	background: -moz-linear-gradient(125deg, rgba(178,232,242,1) 0%, rgba(227,251,255,1) 100%);
	background: -webkit-linear-gradient(125deg, rgba(178,232,242,1) 0%, rgba(227,251,255,1) 100%);
	background: linear-gradient(125deg, rgba(178,232,242,1) 0%, rgba(227,251,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b2e8f2",endColorstr="#e3fbff",GradientType=1);
}
.yellowcell{
	background: rgb(243,243,176);
	background: -moz-linear-gradient(125deg, rgba(243,243,176,1) 0%, rgba(255,255,226,1) 100%);
	background: -webkit-linear-gradient(125deg, rgba(243,243,176,1) 0%, rgba(255,255,226,1) 100%);
	background: linear-gradient(125deg, rgba(243,243,176,1) 0%, rgba(255,255,226,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3f3b0",endColorstr="#ffffe2",GradientType=1);
}

.blog {background-color:#FFF;font-family: 'Arial';}
.blog_item {
	position:relative;
	padding:1em;
	min-height:120px;
	border: 1em solid white;
}
.blog_item img {max-width:120px;width:auto;float:left;}
.blog_item h3 {margin:0px;margin-bottom:.25em;font-family: 'Sofia';}
.blog_item p {margin:0px 0px 1em 0px;font-family: 'Trebuchet MS';}
.readmore{
	border:2px solid #7f645a;
	color:#7f645a;
	padding:.5em 2em;
	text-decoration:none;
	font-family: 'Trebuchet MS';
}
.footer {
	width: calc(100% - 3em);
	background-color:#e3fbff;
	padding: 0.75em 1.5em .5em 1.5em;
}
.footer p {
	text-align:center;
}
.footer a {
	color: #bda096;
	font-size: 1.75em;
	margin: 0px .25em;
}
.footerhr {
	height:20px;
	width:100%;
	background-image:url("../images/4nya_hr.png");
	background-size: contain;
	position: absolute;
	z-index: 1;
	transform: translateY(-10px);
}
@keyframes animfirstimage{
	0% {opacity:1;}
	50% {opacity:0;}
	100% {opacity:0;}
}
@keyframes animsecondimage{
	0% {opacity:0;}
	50% {opacity:1;}
	100% {opacity:1;}
}
@font-face {
	font-family: 'Pencilpete';
	src: url('../fonts/PencilpeteFont-2eE3.ttf');
}
@media only screen and (orientation: landscape) and (min-width: 1000px) {
	.container {
		border-left: 7px solid #7f645a;
		border-right:7px solid #7f645a;
	}
	.bigcell div h2 {
		font-size:4em;
	}
	.bigcell div p {
		font-size:2.5em;
	}
	
}