* {margin: 0; padding: 0; }
*, *::before, *::after {
    box-sizing: border-box;
}
html { height: 100%; width: 100%; }
body { background: #f7f7f7 none repeat scroll 0 0; font-family: "Raleway"; height: 100%; width: 100%; }


/* header */

header { display: inline-block; width: 100%; }
.banner { align-items: center; background: #3e3e3e url("https://www.ketoacademy.com/images/header1.png") no-repeat scroll 0 0 / cover ; display: flex; flex-wrap: wrap; height: 200px; justify-content: center; padding: 25px; width: 100%; }
.rm_logo { background-image: url('https://www.ruled.me/wp-content/themes/genesis-child/sections/splash/homepage/img/hero.jpg')!important; } 
.rm_banner img {
    width: 275px!important;
}

.banner-img { align-items: center; display: flex; justify-content: center; width: 100%; }
.banner-img img { width: 400px; }

header > .headerBorder > ul li {float:left;list-style:none; }
header > .headerBorder > ul li:nth-of-type(1){width:33.3%;border-top:4px solid #fff}
header > .headerBorder > ul li:nth-of-type(2){width:33.3%;border-top:4px solid #66cc8f}
header > .headerBorder > ul li:nth-of-type(3){width:33.4%;border-top:4px solid #eb974e}



.title-purchase { color: #fff; font-size: 2em; font-weight: 200; }

@media only screen and (max-width: 768px)
{
	.title-purchase { color: #fff; font-size: 1.5em;	} 
	.banner-img img { width: 100%; }
}

/* body */

.body-content {
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    width: 960px;
	display: flex;
}

.left {
    margin-right: 2%;
    width: 100%;
}
.right {
    right: 40%;
}

.body-content .instructions h2, .body-content .instructions h3 { font-size: 18px; font-weight: 600; }
.body-content .instructions { background: #fff none repeat scroll 0 0; border-radius: 3px; margin-top: 25px; padding: 20px; text-align: left; }
.body-content .instructions > div { padding: 10px 0; }
.body-content .instructions p {
    color: #737373;
    font-size: 16px;
    padding: 5px 0;
}

.right .or {
    border-bottom: 3px dashed #ededed;
    content: "";
    height: 20px;
    width: 100%;
}

.files {
    align-items: center;
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    margin-top: 25px;
    padding: 20px;
}
.files li {
    align-items: center;
    display: flex;
    justify-content: center;
    list-style: outside none none;
}

.files ul li > a {
    width: 55%;
    display: block;
    margin-right: 20px;
}

.files ul img {
    width: 100%;
}


.files .downloadAll {
    color: #428bca;
    font-weight: 600;
    text-decoration: none;
}
.files .downloadAll:hover {
    cursor: pointer;
}

.files img {
    border-radius: 3px;
    width: 40%;
}
.text {
    float: right;
    width: 50%;
}

.text a {
    text-decoration: none;
    color: #333;
    font-weight: 500;
}


@media only screen and (max-width: 980px)
{
	.body-content { width: 100%; }
}

@media only screen and (max-width: 650px)
{
	.body-content { display: inline-block; }
	
	
}

/* special */

.specialOffer {
	margin: 50px 0;
    background: #fff none repeat scroll 0 0;
    padding: 40px;
    text-align: center;
}
.specialOffer > h2 {
    color: #484848;
    font-size: 32px;
    font-weight: 200;
}

.twobytwo {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 30px auto;
    width: 768px;
}

.twobytwo > p {
    color: #737373;
    font-size: 16px;
    font-weight: 500;
    margin-right: 5%;
    text-align: left;
    width: 70%;
}

.twobytwo > img {
    width: 30%;
}

.cookbookDownload {
    background: #f68e39 none repeat scroll 0 0;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    margin: 5px 0;
    padding: 20px 50px;
    text-decoration: none;
    text-transform: uppercase;
}

.specialOffer > p {
    color: #acacac;
    margin-top: 10px;
}

.ThirtyDayMealPlanOffer {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 30px 0;
}
.ThirtyDayMealPlanOffer img { border-radius: 3px; }

.ThirtyDayMealPlanOffer .mobileAd { display: none; } 
 
@media only screen and (max-width: 980px)
{
	.twobytwo { width: 100%; }
}

@media only screen and (max-width: 960px)
{
	.ThirtyDayMealPlanOffer .desktopAd { width: 100%; } 
}

@media only screen and (max-width: 650px)
{
	.twobytwo { display: inline-block;	}
	.twobytwo > p { width: 100%;	}
	.twobytwo > img { border-radius: 3px; margin-top: 30px; width: 50% }
	
.specialOffer > h2 {  font-size: 24px;}
	
}

@media only screen and (max-width: 768px){
	.ThirtyDayMealPlanOffer .mobileAd { display: flex; width: 100%; }
	.ThirtyDayMealPlanOffer .desktopAd { display: none; }
}
/* footer */
footer {
    background: transparent none repeat scroll 0 0;
    display: inline-block;
    font-size: 13px;
    text-align: center;
    width: 100%;
}

.footer__container {
    padding: 0px 0 30px;
}

.footer__container > p {
    padding: 8px 0;
}

.footer__container a {
    color: #333;
    text-decoration: none;
}


/* error page */

.error {
    width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	height: 100%;
}

.error img {
	margin: 0 auto;
    display: flex;
    align-self: flex-end;
}

.error p {
    font-family: Raleway;
    font-weight: 500;
    color: #969696;
    align-self: flex-start;
}