@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap');


.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* =Custom CSS
-------------------------------------------------------------- */
body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	margin: 0;
	padding: 0;
	color: #624da0;
	background: #f4f4f4;
}

.header {
	background-color: #a58c59;
	padding: 35px 0;
}



h1.title span {font-size: 20px;}


.navigation {
	text-align: center;	
}

.title {
	font-size: 30px;
	line-height: 33px;
	color: white;
	margin: 0;
	font-weight: 300;
	letter-spacing: -1px;
}


.info-boxes {
	display: flex;
	justify-content: space-between;
	padding: 25px 15px 15px 15px;
}


.info-box {
	width: 424px;
	height: 300px;
/*  	border: 2px solid #624da0;  */
/* 	border-radius: 100%; */
	text-align: center;
	text-decoration: none;
	color: #624da0;
	padding: 10px 60px;
	background: #f4f4f4;
}

.info-box:nth-of-type(1) {
border-right: 2px solid #fff; }



.button{display: block;
	text-align: center;
	width: 39%;
	color: #fff;
	background: #624da0;
	padding: 15px;
	border-radius: 50px;
}


.button:hover{display: block;
	color: #fff;
	background: #a58c59;
	
}

a.button{text-decoration: none;
	font-size: 25px;
	font-weight: 500;
}

.viddy{display: block; margin: 0 auto; width: 100%;}



.footer1 {
/* 	max-width: 850px; */
	margin: auto;
	background: #624da0;
    padding: 45px 15px;
    text-align: center;
    color: #fff;
}

.footer1 a{color: #fff;}
.footer a{color: #624da0;}

@media only screen and (max-width: 500px) {
	
	.title img {float: left; padding-left: 15px;}
	.info-box {	width: 190px; height: 350px; padding: 25px 10px; background: #f4f4f4;}
	.info-box span {font-size: 13px;}	
	.viddy{width: 90%;}
	.info-box:nth-of-type(1) {border-right: 0px solid #fff; }
	.info-box img {max-width: 170px;}
	h1.title span {font-size: 14px;}
	a.button{font-size: 18px;
	
}

	
}
@media only screen and (max-width: 320px) {
	.info-box img {max-width: 140px;}
}


p.intro {padding: 5px 30px 30px;}
.intro	{text-align:center; font-size: 24px; font-weight: 200; padding: 30px 10px; margin-bottom: 20px;}
.intro2	{text-align:center; font-size: 20px; font-weight: 200; padding: 20px; margin-bottom: 5px;}

.info-box:hover {
	background-color: #624da0;
}

.info-box:hover span {
	color: white;
}

.icon-hover {
	display: none;
}

.info-box:hover .icon-hover {
	display: unset;
}

.info-box:hover .icon-normal {
	display: none;
}

.info-box span {
	display: inline-block;
}

.info-box img {
	max-width: 170px;
	margin-top: 10px;
	margin-bottom: -6px
}

.container {
	max-width: 850px;
	margin: 5px auto 30px;
}

img {
	max-width: 100%;
}





.footer {
/* 	max-width: 850px; */
	margin: auto;
	background: #ddd;
    padding: 45px 15px;
    text-align: center;
}

.footer span {
	font-size: 14px;
}