body {
	font-family: 'VOLLKORN', serif;
	font-weight:400;
	background:#f1f2f2;
	background:white;
}
p {
	color:#222;
	font-family: 'VOLLKORN', serif;
	font-weight:400;
}


@media only screen and (min-width: 40.063em) {
	body {
		background:#fafafa;
	}
}
@media only screen and (min-width: 64.063em) {
}

.row {
	xmargin-bottom:1px;
}

@media only screen and (min-width: 40.063em) {
	.row {
		margin-bottom:0px;
	}
}


/* -------------------------------- */
.menu {
	background-color: #f1f2f2;
}


.menu div {
	text-align:center;
}

.menu-small {
	
}

.menu-icon {
	padding-top:15px;
}

.panel-general {
	margin-bottom:0px;
}

/* block grid used for small menu */
.small-block-grid-5 > li {
	padding:0;
}

/* small menu margin around icons */
.menu div i {
	margin:15px;
}
/* different margin for hamburger menu as it is larger */
.menu .xmenu-general i {
	margin:5px;
}


@media only screen and (min-width: 40.063em) {
	.menu {
		position:fixed;
		right:0px;
		top:50px;
		width:10%;
	}
	
	.menu div {
		xheight:40px;
	}
	.menu div img {
		margin:8px;
	}

}

.more {
	/* more link */
	padding-top:10px;
	text-align:center;
	margin-bottom:0px;
}

.panel-general, .panel-top, .panel-movies, .panel-writing, .panel-design, .panel-photo, .panel-other, .panel-bottom {
	padding:20px;
	padding-top:10px;
	padding-bottom:5px;
	margin-bottom:1px;
}
.panel-top {
	margin-bottom:0px;
}
.panel-general p {
	padding-top:0px;
	text-align:center
}


@media only screen and (min-width: 40.063em) {
	.panel-general, .panel-movies, .panel-writing, .panel-design, .panel-photo, .panel-other, .panel-top, .panel-bottom {
		padding:30px;
		padding-top:20px;
		padding-bottom:20px;
		margin-bottom:20px;
	}
	.panel-top {
		padding-top:0px;
	}
}

.panel-bottom {
	padding-bottom:20px;
	margin-bottom:0px;
}

.menu-general, .panel-general, .panel-top, .panel-bottom {
	background-color: #f1f2f2;
}
.menu-movies, .panel-movies {
	background-color: #f77564;
}
.menu-design, .panel-design {
	background-color: #bbf0db;
}


.panel-design {
	text-align:center;
	padding-left:0;
	padding-right:0;
}
.padding {
	padding-left:30px;
	padding-right:30px;
}

.menu-writing, .panel-writing {
	background-color: #b3ce7e;
}
.menu-photo, .panel-photo {
	background-color: #8aabb5;
}
.menu-other, .panel-other {
	background-color: #79bd8f;
}

.panel-movies {
	text-align:center;
}

.panel-movies img {
	margin-bottom:15px;
}


.panel-photo {
	text-align:center;
}

.panel-writing {
}

a {
	color:#222;
	text-decoration:none;
}
a:hover {
	color:#222;
	text-decoration:underline;
}

a:hover i {
	xcolor:#222;
}


.more {
	text-align:center;
}

.movies-rating {
	margin-bottom:10px;
	margin-top:10px;
}
@media only screen and (min-width: 40.063em) {
	.movies-rating {
		margin-bottom:40px;
		margin-top:20px;
	}
}

.type-and-date {
	text-align:center;
	font-family: 'VOLLKORN', serif;
	font-weight:400;
	font-size: 0.9rem; 
	padding-top:10px;
	color:#222;
}

.type-and-date i {
	padding-bottom:5px;
}


	

h1, h2, h3, h4 {
	font-family: 'VOLLKORN', serif;
	margin-top:0px;
	font-weight:700;
	color:#222;
}
h5, h6 {
	color:#222;
	font-family: 'VOLLKORN', serif;
	font-weight:400;
}


h1 {
	margin-top:0px;
	text-align:center;
}
h3 {
	text-align:center;
	margin-bottom:20px;
}
h4 {
	font-size: 1.375rem;
	margin-bottom:20px;
 }
 h6 {
	 margin-bottom:0px;
 }
@media only screen and (min-width: 40.063em) {
	h3 {
		margin-bottom:40px;
	}
	h4 {
		margin-bottom:10px;
	}
}