@import url('https://fonts.googleapis.com/css?family=Varela+Round');

* {
	padding: 0;
	margin: 0;
	font-family: 'Varela Round';
	line-height: 1.5;
	max-width: 100%;
	box-sizing: border-box;
}

body {
	background: yellowgreen;
	font-size: 24px;
}

a {
	color: blue;
	text-decoration: underline;
}

img {
	display: block;
	height: auto;
	border: 0 none;
}

video {
    display: block;
    margin-bottom: 30px;
}

iframe {
	display: block;
	max-width: 100%;
}

.clear {
	clear: both;
}

.wrapper {
	background: white;
	max-width: 1200px;
	margin: 20px auto 200px auto;
}

.header,
.footer {

}

.header a,
.footer a {

}





.content {
    padding: 20px;
}



.item {
    padding-bottom: 20px;
    border-bottom: 1px solid;
    margin-bottom: 20px;
}


.item:last-child {
    padding-top: 0;
    border-bottom: none;
}





.content h1, .content h2, .content h3, .content p, .content img {
    margin-bottom: 20px;
}






.hand {
    display: inline;
    margin-left: 10px;
    /*font-size: 25px;*/
}






















/*================================================================================*/

ul.menu {
	background: purple;
	/*margin-bottom: 30px;*/
	padding: 0 15px;
}

ul.menu li {
	display: inline-block;
	color: white;
	padding: 5px 15px;
}

ul.menu li a {
	color: white;
	text-decoration: none;
}

ul.menu li a:hover {
	text-decoration: underline;
}


/*================================================================================*/

.logo {
	width: 100%;
}

.page-title {
	margin-bottom: 30px;
	color: purple;
	border-bottom: 3px solid purple;
}

.page-content {}

.page-content img {
	width: 100%;
	margin-bottom: 30px;
}

.page-content ul {}

.page-content ol {}

.page-content li {}

.page-content h1 {
	margin-bottom: 30px;
	color: darkblue;
}

.page-content h2 {
	margin-bottom: 30px;
	color: darkcyan;
}

.page-content h3 {
	margin-bottom: 30px;
	color: darkcyan;
}

.page-content p {
	margin-bottom: 30px;
}






.wp-caption {
	background: #eee;
	padding: 5px;
}

.wp-caption-text {}

.wp-caption.alignnone {
	margin-top: 30px;
}

.wp-caption.alignright {
	margin-left: 30px;
	margin-bottom: 30px;
}

.wp-caption.alignleft {
	margin-right: 30px;
	margin-bottom: 30px;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}















/*================================================================================*/

@media (max-width: 600px) {

    .wrapper {
	    margin: auto;
    }
    
    .wp-caption.alignnone {
    	margin-top: 30px;
    }
    
    .wp-caption.alignright, .wp-caption.alignleft {
    	margin-right: 0;
    }
    
    .alignright, .alignleft {
    	float: none;
    }








}

/*================================================================================*/