#primary{
	padding: 50px 0px 158px;
	color: #444;
	background: url(../img/bg_dotted.jpg);
	margin-bottom: 0px;
	border-bottom: 6px solid #6cbfc5;
}

#primary .wrapper{
	flex-wrap: wrap;
    display: flex;
	align-content: center;
}

#primary .title{
	text-align: center;
	font-size: 56px;
	position: relative;
	padding: 0px 120px;
	max-width: 1050px;
}

#primary .title:before, #primary .title:after{
	content: ' ';
    background: url(../img/figure.png);
	height: 43px;
    width: 175px;
    display: block;
    position: absolute;
    left: 0;
	top: 40%;
}

#primary .title::after{
	right: 0px;
    left: auto;
    transform: rotateY(180deg);
}

#primary .title h2{
	font-size: 56px;
	line-height: 68px;
    margin: 0px;
	color: #097081;
}

#primary .title .sub{
    font-size: 22px;
    margin: 15px auto;
	max-width: 590px;
    line-height: 25px;
}


#primary .blog{
	margin-top: 44px;
	position: relative;
	width: 100%;
}

#primary .inline_video{
	position: absolute;
    top: 0;
    right: 0;
}

#primary .blog .blog_title{
	color: #097081;
    font-size: 40px;
    text-align: left;
    margin: 0px 0px 20px;
    display: inline-block;
	width: 40%;
    line-height: 45px;
}

#primary .blog .content {
    font-size: 19px;
}

#primary .blog .content h1, #primary .blog .content h2, #primary .blog .content h3, #primary .blog .content h4, #primary .blog .content h5, #primary .blog .content h6{
	color: #097081;
	margin: 10px 0px;
	text-align: left;
}

#primary .blog .content h1{ font-size: 30px; }
#primary .blog .content h2{ font-size: 26px; }
#primary .blog .content h3{ font-size: 26px; }
#primary .blog .content h4{ font-size: 24px; }
#primary .blog .content h5{ font-size: 24px; }
#primary .blog .content h6{ font-size: 24px; }

#primary .blog ul {
    padding: 0px;
	margin: 0px 0px 40px;;
	list-style: none;
}

#primary .blog ul li {
	content: '-';
    margin-right: 10px;
}

#primary .blog ul li:before {
    content: '-';
}

#primary .wrapper .all_recipies{
	color: #097081;
	text-decoration: underline;
    font-size: 33px;
    font-weight: bold;
	margin: 50px 0px 0px;
	transition: all 100ms ease-out;
}

#primary .wrapper .all_recipies:hover{
	color: #005f6f;
}

@media only screen and (max-width: 1024px) {
	#primary .title h2 { font-size: 52px; line-height: 58px; }
	#primary .blog .blog_title { font-size: 36px; line-height: 40px; width: 44%;}
	#primary .title:before{ left: 20px; } #primary .title:after{ right: 20px; }
	#primary .inline_video { width: 50%; }
}

@media only screen and (max-width: 650px) {
	#primary .title h2 { font-size: 35px; line-height: 42px; }
	#primary .title .sub { font-size: 20px; }
	#primary .title:before{ left: 30px; } #primary .title:after{ right: 30px; }
	#primary .title:before, #primary .title:after { width: 100px; height: 24px; background-size: contain; }
	#primary .inline_video { width: 100%; position: relative; margin-bottom: 30px; }
	#primary .blog .blog_title { width: 100%; }
}