.footer__main {
	display: flex;
	width: 100%;
	flex-direction: column;
}

.footer__subscribe {
    padding: 50px 20px;
    display: flex;
    background-color: #1b1d1d;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.footer__subscribe > div {
flex-basis: 40%;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}

.footer__subscribe > .footer__left {
  margin-bottom: 30px;
}

.footer__subscribe p {
color: #98a1a4;
margin-top: 10px;
text-align: center;
}

.footer__container {
	background-color: #202324;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.footer__container > div {
	flex-basis: 40%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.footer__container .footer__left {
  order: 1;
}

.footer__title {
    color: #ffffff;
    font-size: 22px;
    text-align: center;
    font-weight: 500;
}

.footer__left { float: left; width: 50%; }
.footer__left > img { float: left; }

.footer__right { float: right; width: 50%; }

.footer__right > ul {
	width: 60%;
	margin-left: auto;
}

.footer__right li {
	float: right;
	list-style: none;
	width: 20%;
}

.footer__links {
	display: flex;
	flex-wrap: wrap;
}

.footer__links p, .footer__links a {
	color: #7d888c;
	font-weight: 400;
	font-size: 14px;
	margin-right: 10px;
}

.footer__icon {
	display: inline-block;
	height: 26px;
	width: 26px;
	opacity: 0.6;
}

.footer__icon:hover { cursor: pointer; opacity: 1; }

.facebook__icon { background: rgba(0, 0, 0, 0) url("https://www.gluteninsight.com/wp-content/themes/gluteninsight/sections/footer/images/facebook.png") no-repeat scroll center center / 100% auto; }
.instagram__icon { background: rgba(0, 0, 0, 0) url("https://www.gluteninsight.com/wp-content/themes/gluteninsight/sections/footer/images/instagram.png") no-repeat scroll center center / 100% auto; }
.twitter__icon { background: rgba(0, 0, 0, 0) url("https://www.gluteninsight.com/wp-content/themes/gluteninsight/sections/footer/images/twitter.png") no-repeat scroll center center / 100% auto; }
.youtube__icon { background: rgba(0, 0, 0, 0) url("https://www.gluteninsight.com/wp-content/themes/gluteninsight/sections/footer/images/youtube.png") no-repeat scroll center center / 100% auto; }
.pinterest__icon { background: rgba(0, 0, 0, 0) url("https://www.gluteninsight.com/wp-content/themes/gluteninsight/sections/footer/images/pinterest.png") no-repeat scroll center center / 100% auto; }
.rss__icon { background: rgba(0, 0, 0, 0) url("https://www.gluteninsight.com/wp-content/themes/gluteninsight/sections/footer/images/rss.png") no-repeat scroll center center / 100% auto; }
.email__icon { background: rgba(0, 0, 0, 0) url("https://www.gluteninsight.com/wp-content/themes/gluteninsight/sections/footer/images/email.png") no-repeat scroll center center / 100% auto; }

@media only screen and (min-width: 769px){
	.footer__subscribe {
	  flex-direction: row;
	}
	.footer__subscribe > .footer__left {
	  margin-bottom: 0px;
	}

	.footer__container {
	  min-height: 175px;
		flex-direction: row;
	}
	.footer__container .footer__left {
    order: 0;
	}
}

@media only screen and (max-width: 768px){
	.footer__left, .footer__right { width: 100%; }
	.footer__links { margin-top: 15px; }
T
	.footer__right > ul { margin-bottom: 30px; text-align: center; }
	.footer__right li { width: 25%; }
}

@media only screen and (max-width: 1130px){
	.footer__container { width: 100%; }
}

@media only screen and (max-width: 455px)
{
	.footer__links { margin-top: 0px; }

}

/* footer ad */

.footer__ad { background-image: linear-gradient(rgba(242, 242, 242, 1), rgba(255, 255, 255, 0.4)), url("https://www.gluteninsight.com/accelerated-weight-loss/css/../images/PanFritatta.jpg"); background-position: 100% 60%; background-repeat: no-repeat; display: inline-block; height: 350px; padding: 50px 0; text-align: center; width: 100%; z-index: 1; margin-top: 50px; }
.footer__ad h2 { color: #5a5a5a; font-size: 37px; font-weight: 300; margin-top: 20px; }
.footer__ad__container > p { color: #4c4c4c; font-size: 21px; font-weight: 400; margin: 15px auto; width: 750px; }
.footer__ad__container > a { background: #ec3524 none repeat scroll 0 0; border-radius: 30px; color: #fff; display: inline-block; font-size: 18px; font-weight: 500; margin-top: 22px; padding: 15px 70px; }

@media only screen and (max-width: 900px)
{
	.footer__ad { padding: 20px;  }
	.footer__ad__container > p { width: 100%; }
}
@media only screen and (max-width: 768px)
{
	.footer__ad__container > p { font-size: 18px;}

}
@media only screen and (max-width: 360px)
{
	.footer__ad { background-position: 64% 60%; }
	.footer__ad h2 { font-size: 30px;}

}