@media all and (max-width: 1079px) {

	.home-page .hero .phones {
		max-width: 500px;
		bottom: -130px;
		background-size: contain;
	}

	.home-page .hero .call-to-action h1 {
	    font-size: 4.5rem;
	    line-height: 5.5rem;
	}
}

@media all and (max-width: 960px) {

	.page-header {
		height: 90px;
	}

	.page-content {
		padding-top: 140px;
	}

	.has-hero .page-content {
		padding-top: 90px;
	}

	.page-header .utility-bar,
	.page-header .primary-navigation .right .desktop-navigation {
		display: none;
	}

	.page-header .primary-navigation .right .mobile-navigation {
		display: block;
	}

	.home-page .hero {
		height: 800px;
	}

	.home-page .hero .page-width {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}

	.home-page .hero .call-to-action,
	.home-page .hero .phones {
		width: 100%;
	}

	.home-page .hero .call-to-action {
		padding-top: 50px;
	}

	.home-page .hero .call-to-action h1 {
		text-align: center;
		margin-bottom: 30px;
	}

	.home-page .hero .call-to-action .btn {
		margin: 0 auto;
	}

	.home-page .hero .phones {
		position: relative;
		bottom: -70px;
		max-width: 100%;
	}

	.home-page .section.two .slope {
		height: 560px;
	}

	.home-page .section.one {
		height: 700px;
		padding-bottom: 150px;
	}

	.home-page .tagline {
		font-size: 4rem !important;
	}

	.home-page .description {
		font-size: 2rem !important;
		line-height: 2.4rem !important;
	}

	.meals-food-page .page-content {
		padding-top: 120px;
	}

	.recommended-page.marketing-page .control-panel form {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}

	.recommended-page.marketing-page .control-panel form .step.one,
	.recommended-page.marketing-page .control-panel form .step.two {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
}

@media all and (max-width: 768px) {

	.home-page .btn {
		height: 50px;
    	line-height: 50px;
    	font-size: 1.4rem;
	}

	.home-page .btn.reverse {
		height: 50px;
    	line-height: 44px;
    	font-size: 1.4rem;
	}

	.home-page .section.three {
		height: auto;
	}

	.home-page .section.three .page-width {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}

	.home-page .section.three .text,
	.home-page .section.three .phones {
		width: 100%;
	}

	.home-page .section.three .text {
		text-align: center;
		padding-left: 40px;
    	padding-right: 40px;
	}

	.home-page .section.three .text .btn {
		margin: 0 auto;
	}

	.home-page .section.three .phones {
		height: 400px;
    	margin-top: 50px;
	}

	.home-page .section.four .boxes {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}

	.home-page .section.four .boxes .box {
		width: 100%;
		margin-bottom: 20px;
	}

	.home-page .section.three .page-width {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}

	.home-page .section.three .text,
	.home-page .section.three .phones {
		width: 100%;
	}

	.home-page .section.two .text .tagline {
		max-width: 310px;
	}

	.home-page .section.three .text .tagline {
		line-height: 4.5rem;
	}

	.home-page .section.one {
		height: 500px;
    	padding-bottom: 70px;
	}

	.home-page .section.four .slope {
		background-image: none;
		background-color: #363d40;
		height: auto;
		padding-top: 100px;
	}

	.home-page .section.four a {
		margin: 40px auto;
	}

	.home-page .section.four .slope {
		padding-bottom: 40px;
	}

	.how-it-works-page .flex-container {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}

	.how-it-works-page .section.one .flex-container .left,
	.how-it-works-page .section.one .flex-container .right {
		width: 100%;
	}

	.how-it-works-page .section.one .flex-container .left {
		text-align: center;
		padding-left: 20px;
		padding-right: 20px;
	}

	.how-it-works-page .section.three .text .tagline {
		font-size: 3.2rem !important;
		line-height: 3.6rem !important;
	}

	.how-it-works-page .section {
		padding: 50px 0;
	}

	.how-it-works-page .section.three .phone {
		height: 530px;
	}

	.why-fitlegit-page .section.three .flex-container {
		flex-wrap: wrap-reverse;
		-webkit-flex-wrap: wrap-reverse;
	}

	.how-it-works-page .section.four .flex-container .bottom a:last-child {
		margin-top: 10px;
	}

	.why-fitlegit-page .section.three .left,
	.why-fitlegit-page .section.three .right {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.why-fitlegit-page .section.three .right {
		text-align: center;
		margin-bottom: 50px;
	}

	.why-fitlegit-page .title,
	.why-fitlegit-page .tagline {
	    font-size: 3rem !important;
	    line-height: 3.5rem !important;
	}

	.why-fitlegit-page .description {
		font-size: 1.6rem !important;
		line-height: 2rem !important;
		margin: 0 auto;
	}

	.why-fitlegit-page .section.two .description {
		max-width: 400px;
	}

	.why-fitlegit-page .section.three .table .row .column.two .title {
		letter-spacing: -0.2rem;
	}

	.why-fitlegit-page .section.two .slope {
		height: 500px;
	}

	.marketing-page.create-account-page .btn,
	.marketing-page.login-page .btn {
    	font-size: 1.2rem;
	}

	.page-footer .copyright {
	    line-height: 1.2rem;
	    font-size: 1rem;
	    color: #586266;
	    text-align: center;
	}
	
}

@media all and (max-width: 640px) {

	html,
	body {
		font-size: 16px;
	}

	html.base-10px,
	html.base-10px body {
		font-size: 10px;
	}

	body.login-page .logo,
	body.create-account-page .logo {
		width: 150px;
		height: 50px;
    	margin: 25px auto 15px;
	}

	body.login-page .tagline,
	body.create-account-page .tagline {
		margin-bottom: 50px;
		font-size: 0.75rem;
	}

	body.login-page .alternative, body.create-account-page .alternative {
	    font-size: 0.75rem;
	    padding: 10px 0;
	}

	body.has-footer .page-content {
	    padding-bottom: 60px;
	}

	body.account-page .page-content {
	    padding-top: 15px;
	    padding-bottom: 15px;
	}

	body.account-page .page-title {
	    font-weight: 700;
	    color: #FFF;
	    font-size: 1.5rem;
	    letter-spacing: -0.07em;
	    margin-top: 15px;
	    margin-bottom: 7px;
	}

	body.account-page .page-subtitle {
		font-size: 0.75rem;
		margin-bottom: 30px;
	}

	body.login-page input[type="text"],
	body.login-page input[type="password"],
	body.create-account-page input[type="text"],
	body.create-account-page input[type="password"] {
		margin-bottom: 10px;
	}

	body.login-page .alternative,
	body.create-account-page .alternative {
		padding: 10px 0;
	}

	body.activity-level-page form label {
		padding-left: 20px;
		height: 50px;
	}

	body.activity-level-page form label .number {
		font-size: 1rem;
		line-height: 50px;
		height: 50px;
	}

	body.activity-level-page form label .text {
		padding-top: 11px;
	    padding-left: 20px;
	}

	body.activity-level-page form label .text .title {
		line-height: 0.75rem;
		margin-bottom: 4px;
	}

	body.activity-level-page form label .text .description {
		font-size: 0.75rem;
		line-height: 1rem;
	}

	body.recommendation-page .suggestion {
		font-size: 1rem;
		line-height: 1.2rem;
		margin-bottom: 30px;
	}

	body.recommendation-page .how-we-know {
		padding: 15px 0 15px 15px;
		border-radius: 3px;
		margin-bottom: 25px;
	}

	body.recommendation-page .how-we-know .hint {
		margin-bottom: 15px;
		font-size: 0.75rem;
	}

	body.recommendation-page .how-we-know .column {
		padding-right: 15px;
	}

	body.recommendation-page .how-we-know .column .value {
		font-size: 1rem;
		margin-bottom: 7px;
	}

	body.recommendation-page .how-we-know .column .description {
		max-width: 100px;
		font-size: 0.6rem;
	}

	body.recommendation-page .how-we-know .column .operator {
		position: absolute;
		top: 0px;
	    right: 30%;
		font-size: 0.9rem;
	}

	.page-header {
	    height: 45px;
	}

	.page-header h1 {
	    line-height: 45px;
	    text-align: center;
	    font-size: 0.9rem;
	    letter-spacing: -0.05rem;
	}

	.global-messages .message {
	    max-width: 960px;
	    min-height: 45px;
	    margin: 0 auto;
	    text-align: center;
	    line-height: 0.9rem;
	    font-size: 0.8rem;
	    font-weight: 700;
	    color: #FFF;
	    padding: 15px 10px;
	}

	.global-messages .message .dismiss {
	    background-size: 12px;
	    width: 45px;
	}

	.global-messages.dismissible .message {
	    padding-right: 80px;
	}

	.hamburger {
	    width: 45px;
	    height: 45px;
	}

	.patty {
	    width: 25px;
	    height: 2px;
	    top: calc(50% - 1px);
	    left: calc(50% - 12px);
	    border-radius: 3px;
	}

	.patty:before,
	.patty:after {
	    width: 25px;
	    height: 2px;
	    border-radius: 3px;
	}

	.patty:before {
	    top: -6px;
	}

	.patty:after {
	    top: 6px;
	}

	.hamburger:hover .patty:before {
	    top: -6px;
	}

	.hamburger:hover .patty:after {
	    top: 6px;
	}

	.navigation {
	    padding: 50px 0 15px;
	}

	.navigation a {
	    height: 40px;
	    line-height: 40px;
	    font-size: 1rem;
	    margin-bottom: 10px;
	    border-radius: 3px;
	}

	.navigation .logo {
	    height: 50px;
	}

	.navigation .hamburger {
		top: -50px;
	}

	.navigation .hamburger .patty {
		top: 25px;
	}

	.page-content {
	    padding-top: 60px;
	    padding-bottom: 30px;
	}

		/* Global Page Styles */

	.page-wrapper {
	    margin-left: auto;
	    margin-right: auto;
	    height: 100%;
	    width: 100%;
	    background: #363D40;
	}

	.page-width {
	    padding-right: 10px;
	    padding-left: 10px;
	}

	.modal .modal-title {
		font-size: 1.3rem;
		margin-top: 30px;
    	margin-bottom: 30px;
	}

	.modal.date-picker .date-group input {
		font-size: 1.5rem;
	}

	.modal.date-picker .title {
		font-size: 1rem;
		margin-top: 25px;
		margin-bottom: 25px;
	}

	.modal.add-to-day .add-to-day-subtitle {
	    font-size: 1rem;
	}

	.modal.has-subtitle .modal-title {
		margin-bottom: 15px;
	}

	.modal.has-subtitle .modal-subtitle {
		font-size: 0.8rem;
	}

	.btn {
		display: block;
		background-color: #4B5459;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: #FFF;
		width: 100%;
		font-size: 0.8rem;
		font-weight: 700;
		border-radius: 3px;
		text-decoration: none;
		outline: none;
		transition: all 0.2s;
		cursor: pointer;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.btn.round {
		border-radius: 40px;
	}

	.btn.icon {
		height: 40px;
		width: 40px;
		background-size: 20px;
	}

	.btn.has-arrow {
		background-position: calc(100% - 15px) 50%;
		background-size: 8px;
	}

	.btn-group.shrink .btn {
		font-size: 0.75rem;
	}
	.btn.small {
		height: 35px;
		font-size: 0.75rem;
		line-height: 35px;
	}

	.btn.back {
	    height: 45px;
	    width: 45px;
	}

	.btn-group {
		margin-bottom: 10px;
	}
	.btn-group .btn.half {
		width: calc(50% - 5px);
	}

	.btn-group .btn.left {
		margin-right: 0;
	}

	.btn-group .btn.right {
		margin-left: 0;
	}

	.tab-group {
		border-radius: 45px;
		padding: 5px;
		margin-bottom: 15px;
	}

	.tab-group.three .btn {
		font-size: 0.9rem;
	}

	.tab-group.four .btn {
		font-size: 0.7rem;
	}

	/* TAGS STYLES */

	.tags .tag {
		padding: 7px 12px;
		border-radius: 3px;
		font-size: 0.75rem;
		margin-right: 5px;
	}

	/* DATA TEXT EXACT/PERCENT TOGGLES */

	.data-overview .group .value {
		font-size: 0.9rem;
		margin-bottom: 5px;
	}

	.data-overview .group .label {
		font-size: 0.75rem;
	}

	/* FORMS */

	form {
	  margin-top: 15px;
	}

	body.login-page input[type="text"],
	body.login-page input[type="password"],
	body.create-account-page input[type="text"],
	body.create-account-page input[type="password"] {
		margin-bottom: 10px;
	}

	form label {
	  font-size: 0.7rem;
	  margin-bottom: 10px;
	}

	form .form-group {
	  margin-bottom: 20px;
	}

	form .increase-button,
	form .decrease-button {
	  height: 60px;
	  background-size: 20px;
	}

	form select.btn {
	  padding-left: 10px;
	  padding-right: 35px;
	  background-position: calc(100% - 10px) 50%;
	  background-size: 15px;
	}

	form input,
	form textarea {
	  height: 40px;
	  line-height: 40px;
	  padding-left: 5px;
	  padding-right: 10px;
	  font-size: 0.75rem;
	  box-shadow: 0px 1px 0px 0px rgba(64, 73, 77, 0.392), inset 0px 1px 3px 2px rgba(0,0,0,0.1);
	  margin-bottom: 15px;
	  border-radius: 3px;
	}

	form input.center {
	  padding-right: 3px;
	}

	form textarea {
	  min-height: 100px;
	  padding: 10px;
	  line-height: 2rem;
	}

	form input[type="text"] {
	  box-shadow: 0px 1px 0px 0px rgba(64, 73, 77, 0.392), inset 0px 1px 3px 2px rgba(0,0,0,0.1);
	  font-size: 0.75rem;
	}

	.input-control-wrapper form input[type="number"] {
	  font-size: 0.9rem;
	}

	form input[type="submit"] {
	  border-radius: 40px;
	  margin-bottom: 10px;
	  font-size: 0.8rem;
	}

	form input.search.has-filter {
	  width: calc(100% - 50px);
	  margin-right: 10px;
	}

	form input[type="checkbox"] + label {
	  background-position: calc(100% - 15px) 50%;
	  background-size: 12px;
	}

	form input.round {
	  border-radius: 40px;
	  padding-left: 20px;
	}

	form input.icon {
	  padding-left: 50px;
	  background-position: 20px 50%;
	  background-size: 17px;
	}

	form input.has-icon {
	  padding-right: 40px;
	}

	form input.valid,
	form input.invalid {
	  background-position: calc(100% - 13px) 50%;
	  background-size: 12px;
	}

	form .show-hide-password {
	  height: 40px;
	  width: 40px;
	  background-size: 15px;
	}

	form.first input.search {
		margin-bottom: 15px;
	}

	.form-group.three .sub-group {
	  width: calc((100% / 3) - 10px);
	}

	.form-group.three .sub-group.middle {
	  margin-left: 15px;
	  margin-right: 15px;
	  padding-top: 11px;
	}

	.form-group.five .sub-group {
	  width: calc((100% / 5) - 8px);
	  margin-right: 10px;
	}

	.food .added .btn .remove {
	    background-size: 10px;
	    height: 40px;
	    width: 40px;
	}

	.ingredients-page .data-overview {
    	margin-bottom: 20px;
	}

	.food {
	    padding: 1px 10px;
	    border-radius: 3px;
	    margin-top: 10px;
	    margin-bottom: 10px;
	}

	.food .added .btn {
	    margin-bottom: 10px;
	}

	.ingredients-page .instructions {
		font-size: 0.75rem;
	}

	.no-results-suggestion p {
	  margin-top: 30px;
	  margin-bottom: 15px;
	  font-size: 0.75rem;
	}

	.no-results-text {
	  margin-top: 30px;
	  margin-bottom: 30px;
	  font-size: 1.2rem;
	}

	.dashboard-page .diet-progress .graph-actions .feedback {
	    width: calc(100% - 100px);
	    height: 40px;
	    margin-top: 10px;
	    text-align: center;
	    margin-left: 10px;
	    margin-right: 10px;
	}

	.dashboard-page .diet-progress .statistics .column .value {
		font-size: 1rem;
	}

	.dashboard-page .diet-progress .statistics .column .label {
		font-size: 0.6rem;
	}

	.dashboard-page .diet-progress .statistics {
		margin-bottom: 20px;
		margin-top: 10px;
	}

	.dashboard-page .diet-progress .statistics .column {
		padding: 5px;
	}

	.dashboard-page .diet-progress .circle-graph .outer-circle {
		width: 236px;
		height: 236px;
		border-radius: 236px;
		margin: 0 auto 5px;
		padding-top: 13px;
	}

	.dashboard-page .diet-progress .circle-graph.over-target .outer-circle {
		padding-top: 13px;
	}

	.dashboard-page .diet-progress .circle-graph .animated-circle {
		width: 236px;
		height: 236px;
		border-radius: 236px;
		border: 3px solid #F38230;
	}

	.dashboard-page .diet-progress .circle-graph .inner-circle {
		width: 210px;
		height: 210px;
		border-radius: 210px;
	}

	.dashboard-page .diet-progress .circle-graph.under-target .content .status,
	.dashboard-page .diet-progress .circle-graph.over-target .content .status {
		font-size: 1.3rem;
	}

	.dashboard-page .diet-progress .circle-graph .content .status {
	    font-size: 1.2rem;
	    margin-top: 10px;
	    margin-bottom: 10px;
	}

	.dashboard-page .diet-progress .circle-graph.on-target .icon {
		background-size: 40px;
	}

	.dashboard-page .diet-progress .circle-graph .content .label {
		font-size: 0.75rem;
	}

	.dashboard-page .diet-progress .circle-graph .content .offset-amount {
		font-size: 1.4rem;
	}

	.dashboard-page .diet-progress .circle-graph.on-target .inner-circle .content {
		padding-bottom: 10px;
	}

	.dashboard-page .diet-progress .circle-graph .content .status .icon {
	    height: 17px;
	    width: 17px;
	    margin-right: 6px;
	    margin-top: -4px;
	}

	.dashboard-page .diet-progress .graph-actions .feedback .prefix {
		font-size: 0.8rem;
	    margin-bottom: 5px;
	    margin-top: 3px;
	}

	.dashboard-page .diet-progress .graph-actions .feedback .goal-completion-date {
	    font-size: 1rem;
	}

		/* PLAN YOUR DAY STYLES */

	.dashboard-page .plan-your-day .options {
		margin-top: 25px;
		margin-bottom: 25px;
	}

	.dashboard-page .plan-your-day .options .left,
	.dashboard-page .plan-your-day .options .middle,
	.dashboard-page .plan-your-day .options .right {
		height: 40px;
	}

	.dashboard-page .plan-your-day .options .left,
	.dashboard-page .plan-your-day .options .right {
		width: 20%;
	}

	.dashboard-page .plan-your-day .options .middle .label {
		font-size: 0.75rem;
	}

	.dashboard-page .plan-your-day .options .left.graph-legend .color {
		height: 15px;
	    width: 15px;
	    border-radius: 3px;
	}

	.dashboard-page .plan-your-day .options .left.graph-legend .label {
		margin-left: 5px;
		font-size: 0.75rem;
	}

	.dashboard-page .plan-your-day .options .left.graph-legend .target {
		margin-top: 3px;
		margin-bottom: 5px;
	}

	.dashboard-page .plan-your-day .options .middle .calorie-count {
		font-size: 1rem;
		margin-top: 3px;
		margin-bottom: 5px;
	}

	/* GRAPH STYLES */

	.dashboard-page .plan-your-day .graphs {
		margin-top: 30px;
		margin-bottom: 15px;
		width: 300px;
	}

	.dashboard-page .plan-your-day .graph {
		width: 85px;
	}

	.dashboard-page .plan-your-day .graph.middle {
		margin-left: 22px;
		margin-right: 22px;
	}

	.dashboard-page .plan-your-day .graph .graph-label {
		font-size: 0.75rem;
		margin-bottom: 10px;
	}

	.dashboard-page .plan-your-day .graph .bar {
		width: 40px;
		height: 120px;
		border-radius: 3px;
	}

	.dashboard-page .plan-your-day .graph .bar-label {
		font-size: 0.75rem;
		margin-top: 7px;
	}

	.dashboard-page .plan-your-day .graph .bar .percent {
		border-radius: 3px;
	}

	.dashboard-page .plan-your-day .graph .target {
		margin-right: 5px;
	}

	.diets-exercises-page .recommendation {
		margin-top: 15px;
		margin-bottom: 15px;
		font-size: 0.9em;
		line-height: 1.2em;
		border-radius: 3px;
		padding: 20px;
	}

	.diets-exercises-page .recommendation .adjustment {
		display: inline;
	}

	.diets-exercises-page .diets .diet-label {
		font-size: 1em;
		line-height: 1.2em;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.diets-exercises-page .exercises .exercise-group .group-label .timeframe {
		display: block;
	}

	.diets-exercises-page .exercises .exercise-group {
		margin-bottom: 30px;
	}

	.diets-exercises-page .exercises .exercise-group .group-label {
		text-align: center;	
	}

	.date-picker-toolbar {
		height: 45px;
	}

	.date-picker-toolbar .previous-date,
	.date-picker-toolbar .current-date,
	.date-picker-toolbar .next-date {
		height: 45px;
		width: 45px;
		line-height: 45px;
	}

	.date-picker-toolbar .previous-date,
	.date-picker-toolbar .next-date {
		background-size: 10px;
	}

	.date-picker-toolbar .current-date {
		width: calc(100% - 100px);
		font-size: 1rem;
	}

	.progress-details-page .graph-legend {
		margin-top: 15px;
		margin-bottom: 30px;
	}

	.progress-details-page .graph-legend .color {
		height: 15px;
	    width: 15px;
	    border-radius: 3px;
	}

	.progress-details-page .graph-legend .label {
		margin-left: 5px;
	}

	.progress-details-page .graph-legend .target {
		margin-right: 25px;
	}

	.progress-details-page .data-section {
		margin-bottom: 20px;
	}

	.progress-details-page .data-section .heading {
		margin-bottom: 10px;
		margin-top: 25px;
		font-size: 0.75rem;
	}

	.progress-details-page .data-section .graph {
		margin-bottom: 10px;
	}

	.progress-details-page .data-section .graph .label {
		width: 40px;
		margin-right: 10px;
		padding-top: 10px;
		font-size: 0.75rem;
	}

	.progress-details-page .data-section .graph .full-bar {
		width: calc(100% - 50px);
		height: 30px;
		border-radius: 3px;
	}

	.progress-details-page .data-section .graph .full-bar .bar {
		height: 30px;
	}

	.progress-details-page .data-section .graph .full-bar .negative {
		border-radius: 3px 0 0 3px;
	}

	.progress-details-page .data-section .graph .full-bar .positive {
		border-radius: 0 3px 3px 0;
	}

	.progress-details-page .goal-date {
		border-radius: 3px;
		padding: 20px 15px;
	}

	.progress-details-page .goal-date .date {
		font-size: 0.9rem;
		margin-top: 5px;
	}

	.meal-food-list .card {
		border-radius: 3px;
		margin-bottom: 15px;
	}

	.meal-food-list .card .details {
		padding: 15px;
	}

	.meal-food-list .card .details .toggle-actions-button {
		top: 10px;
		right: 10px;
	}

	.meal-food-list .card .details .meal-name {
		font-size: 1rem;
		margin-bottom: 15px;
		line-height: 1.4rem;
		width: calc(100% - 50px);
	}

	.meal-food-list .card .details .data-overview {
		margin-top: 10px;
	}

	.meal-food-list .card .details .data-overview .group {
		width: 62px;
	}

	.meal-food-list .card .details .table,
	.meal-food-list .card .details .ingredient-listing {
		margin-top: 10px;
	}

	.meal-food-list .card .details .ingredient-listing ul {
		padding-left: 15px;
	}

	.meal-food-list .card .details .ingredient-listing ul li {
		margin-bottom: 10px;
		font-size: 0.75rem;
	}

	.meal-food-list .card .details .table .row {
		padding: 10px;
	}

	.meal-food-list .card .details .table .row:first-child {
		border-radius: 3px 3px 0 0;
	}

	.meal-food-list .card .details .table .row:last-child {
		border-radius: 0 0 3px 3px;
	}

	.meal-food-list .card .details .table .row .amount {
	    font-size: 0.8rem;
	    margin-top: 2px;
	    margin-right: 15px;
	    width: 60px;
	}

	.meal-food-list .card .details .table .row .name {
	    font-size: 0.75rem;
	    line-height: 1rem;
	    width: calc(100% - 75px);
	}

	.meal-food-list .card .actions {
		padding: 7px 15px;
		border-radius: 0 0 3px 3px;
	}

	.meal-food-list .card .actions .primary-actions .action {
	    height: 55px;
	    padding: 7px;
	    border-radius: 3px;
	}

	.meal-food-list .card .actions .primary-actions .action .icon {
		height: 20px;
		width: 20px;
	}

	.meal-food-list .card .actions .primary-actions .action .label {
		margin-top: 7px;
		font-size: 0.75rem;
	}

	.meal-food-list .card .actions .secondary-actions {
		padding: 7px;
	}

	.meals-food-page .btn.create-new {
		margin-bottom: 15px;
	}

	/* RECOMMENDED CARD STYLES */

	.recommended-page .controls,
	.logged-for-today-page .data-overview {
		margin-bottom: 15px;
	}

	.meal-food-list .card .dishes {
	    box-shadow: inset 0 2px 5px #CCC;
	    border-radius: 0 0 3px 3px;
	}

	.meal-food-list .card .dishes .dish {
		padding-bottom: 15px;
	}

	.meal-food-list .card .dishes .dish:last-child,
	.meal-food-list .card .dishes .dish:first-child:last-child {
		border-radius: 0 0 3px 3px;	
	}

	.meal-food-list .card .dishes .actions {
		padding: 0 15px;
		border-radius: 0 0 3px 3px;
	}

	.controls .left,
	.controls .middle,
	.controls .right {
		height: 40px;
	}

	.controls .middle {
		width: calc(100% - 80px);
		padding-top: 14px;
    	font-size: 0.9rem;
	}

	.controls .left,
	.controls .right {
		background-size: 10px;
		width: 40px;
	}

	/* MY MEALS AND FOOD SUB TABS */

	.sub-tabs {
		height: 45px;
	}

	.sub-tabs .tab {
		height: 45px;
		padding-top: 5px;
	}

	.sub-tabs .tab .icon {
		background-size: 12px;
		height: 20px;
	}

	.sub-tabs .tab .label {
		font-size: 0.75rem;
	}

	/* MEAL DETAILS / NUTRITION INFO */

	.meal-details-page .meal-title {
		font-size: 0.85rem;
		line-height: 0.85rem;
		margin-bottom: 15px;
	}

	.meal-details-page .table.nutrition-facts,
	.meal-details-page .percent-of {
		margin-bottom: 15px;
	}

	.meal-details-page .table .row {
		padding: 10px;
	}

	.meal-details-page .table .heading {
		margin-top: 15px;
		padding: 10px;
		font-size: 0.75rem;
		border-radius: 3px 3px 0 0;
	}

	.meal-details-page .table .heading .subheading {
		font-size: 0.75rem;
	}

	.meal-details-page .table .row:last-child {
		border-radius: 0 0 3px 3px;
	}

	.meal-details-page .table .row .amount {
	    font-size: 0.75rem;
	    margin-right: 15px;
	    width: 50px;
	}

	.meal-details-page .table .row .name {
	    font-size: 0.75rem;
	    line-height: 0.9rem;
	    width: calc(100% - 65px);
	}

	.meal-details-page .table .row .fact {
		font-size: 0.75rem;
	}

	.meal-details-page .table .row .fact .value {
		margin-left: 7px;
	}

	.meal-details-page .percent-of {
		font-size: 0.75rem;
	}

	.meal-details-page .table .row .percent {
		font-size: 0.8rem;
	}

	.edit-page .item-title {
	    font-size: 1.1rem;
	    margin-top: 25px;
	    margin-bottom: 25px;
	}

	/* PROFILE STYLES */

	.profile-page .profile-image {
		margin-bottom: 12px;
	}

	.profile-page .profile-image img {
	    width: 100px;
	    height: 100px;
	    border-radius: 100px;
	    margin: 0 auto;
	}

	.profile-page .username {
		font-size: 1rem;
		margin-bottom: 25px;
	}

	.profile-page .detail-table {
		margin-bottom: 10px;
	}

	.profile-page .detail-table ul li {
	    padding: 15px 10px;
	}

	.profile-page .detail-table ul li:first-child {
		border-radius: 3px 3px 0 0;
	}

	.profile-page .detail-table ul li:last-child {
		border-radius: 0 0 3px 3px;
	}

	.profile-page .detail-table ul li .label {
		font-size: 0.75rem;
	}

	.profile-page .detail-table ul li .value {
		font-size: 0.75rem;
	}

	.edit-profile-page .delete-account {
		font-size: 0.75rem;
		margin-top: 25px;
		margin-bottom: 25px;
	}

	/* FAQ STYLES */

	.faq-page .qa-group {
		padding-left: 20px;
		padding-right: 20px;
	}

	.faq-page .qa-group:first-child {
		border-radius: 3px 3px 0 0;
	}

	.faq-page .qa-group:last-child {
		border-radius: 0 0 3px 3px;
	}

	.faq-page .qa-group .question {
		font-size: 0.9rem;
		line-height: 1.2rem;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.faq-page .qa-group .answer {
		padding-bottom: 20px;
		line-height: 1rem;
		font-size: 0.85em;
	}

	/* PAGE SPECIFIC FORMS */

	.create-meal-page .food {
	  padding: 1px 10px;
	  margin-top: 10px;
	  margin-bottom: 10px;
	}

	.create-meal-page .food .added .empty-label {
	  padding-top: 10px;
	  padding-bottom: 20px;
	  font-size: 0.75rem;
	}

	.create-meal-page .food .added .btn {
	  margin-bottom: 10px;
	}

	.create-meal-page .food .added .btn .remove {
	  background-size: 10px;
	  height: 40px;
	  width: 40px;
	}

	.log-weight-page form .left,
	.log-weight-page form .right {
	  width: 47%;
	  float: left;
	}

	.log-weight-page form .middle {
	  width: 6%;
	  font-size: 1rem;
	  top: 80px;
	}

	.food-servings-page form .left,
	.food-servings-page form .right {
	  width: calc(50% - 3px);
	}

	.food-servings-page form .left {
	  margin-right: 3px;
	}

	.food-servings-page form .right {
	  margin-left: 3px;
	  padding-top: 50px;
	}

	/* CURRENT DATA STYLES */

	.analytics-page .current-data .group .value {
		margin-bottom: 7px;
		font-size: 1rem;
	}

	.analytics-page .current-data.calories .calorie-data {
		padding: 4px 0 4px;
	}

	.analytics-page .current-data.calories .group .label {
		font-size: 0.75rem;
	}

	.analytics-page .current-data.calories .group .value {
		font-size: 0.85rem;
		margin-bottom: 5px;
	}

	.analytics-page .current-data.calories .group .label {
		font-size: 0.75rem;
	}

	/* GRAPH CONTOL STYLES */

	.analytics-page .graph {
		margin-top: 15px;
		margin-bottom: 30px;
	}

	.analytics-page .graph .data {
		height: 125px;
		border-radius: 3px 3px 0 0;
	}

	.analytics-page .graph .data .prev-next-controls {
		top: calc(50% - 20px);
	}

	.analytics-page .graph .data .prev-next-controls .left-arrow,
	.analytics-page .graph .data .prev-next-controls .right-arrow {
		width: 40px;
		height: 40px;
		background-size: 7px;
	}

	.analytics-page .graph .data .prev-next-controls .left-arrow {
		border-radius: 0 3px 3px 0;
	}

	.analytics-page .graph .data .prev-next-controls .right-arrow {
		border-radius: 3px 0 0 3px;
	}

	.analytics-page .graph .controls {
		border-radius: 0 0 3px 3px;
		padding: 10px;
	}

	/* ADVANCED DETAILS STYLES */

	.analytics-page .advanced-details .section {
		margin-bottom: 25px;
	}

	.analytics-page .advanced-details .section .heading {
		font-size: 1rem;
		margin-bottom: 10px;
	}

	.analytics-page .advanced-details .group-container {
		border-radius: 3px;
		padding: 10px;
		margin-bottom: 10px;
	}

	.analytics-page .advanced-details .group-container.half {
		width: calc(50% - 5px);
		padding: 15px;
	}

	.analytics-page .advanced-details .group-container.half .group-center {
		width: 100%;
	}

	.analytics-page .advanced-details .group-container.half .group.top {
		margin-bottom: 15px;
	}

	.analytics-page .advanced-details .group-container.half .group .value {
		margin-right: 5px;
	    font-size: 1rem;
	    width: 50px;
	}

	.analytics-page .advanced-details .group-container.half .sublabel.bottom {
		font-size: 0.75rem
	}

	.analytics-page .advanced-details .group-container.half.left {
		margin-right: 5px;
	}

	.analytics-page .advanced-details .group-container.half.right {
		margin-left: 5px;
	}

	.analytics-page .advanced-details .group-container.group-3 .group .value,
	.analytics-page .advanced-details .group-container.group-4 .group .value {
		font-size: 0.8rem;
	}

	.analytics-page .advanced-details .group-halves.center-children .group .value {
		margin: 0 auto 5px;
	}

	.analytics-page .advanced-details .group-container .group .value {
		font-size: 1rem;
		margin-bottom: 7px;
	}

	.analytics-page .advanced-details .group-container .group .label {
		font-size: 0.75rem;
	}

	.analytics-page .current-data .group .label {
		font-size: 0.75rem;
	}

	/* STYLES FOR MARKETING WEBSITE */

	.marketing-page .page-header .primary-navigation {
		height: 45px;
	}

	.page-header .primary-navigation .left .logo {
		height: 45px;
    	width: 65px;
    	margin: 0 auto;
	}

	.has-hero .page-content {
		padding-top: 45px;
	}

	.meals-food-page .page-content {
		padding-top: 60px;
	}

	.marketing-page .page-header .primary-navigation .right .mobile-navigation .nav-open {
		padding-top: 15px;
		font-size: 16px;
	}

	.marketing-page .page-header .primary-navigation .right .mobile-navigation a {
		height: 40px;
	    line-height: 40px;
	    font-size: 0.8em;
	    margin-bottom: 10px;
	    border-radius: 3px;
	}

	.marketing-page .page-header .primary-navigation .right .mobile-navigation .logo {
		height: 50px;
		margin-bottom: 30px;
	}

	.marketing-page .page-footer .logo {
		width: 120px;
		margin-bottom: 10px;
	}

	.marketing-page .page-footer .copyright {
		line-height: 1rem;
	    font-size: 0.6rem;
	    color: #586266;
	    text-align: center;
	}

	.marketing-page .page-footer {
		padding: 25px 0;
	}

	.home-page .hero .call-to-action h1,
	.home-page .tagline {
	    font-size: 3rem !important;
	    line-height: 3.5rem !important;
	    letter-spacing: -0.2rem !important;
	}

	.home-page .description {
		font-size: 1.6rem !important;
		line-height: 2rem !important;
	}

	.home-page .btn {
		height: 45px;
    	line-height: 45px;
    	font-size: 1.2rem;
	}

	.home-page .hero {
		height: 400px;
	}

	.home-page .hero .call-to-action {
		padding-left: 20px;
		padding-right: 20px;
	}

	.home-page .hero .phones {
		height: 250px;
		bottom: -30px;
	}

	.home-page .section.one {
		padding-top: 120px;
		padding-bottom: 50px;
		padding-left: 20px;
		padding-right: 20px;
		height: auto;
	}

	.home-page .section.two .slope {
		height: auto;
		background-image: none;
		background-color: #F38230;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.home-page .section.two .slope .page-width {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}

	.home-page .section.two .text {
		text-align: center;
		padding-left: 20px;
    	padding-right: 20px;
	}

	.home-page .section.two .phone {
		height: 350px;
		max-width: 100%;
	}

	.home-page .section.two .text .tagline {
		margin: 0 auto 20px;
	}

	.home-page .section.four .tagline {
		margin-bottom: 50px;
	}

	.home-page .section.two .text a {
		margin: 0 auto;
	}

	.how-it-works-page .section {
		padding: 50px 0;
	}

	.how-it-works-page .title,
	.how-it-works-page .tagline {
	    font-size: 3rem !important;
	    line-height: 3.5rem !important;
	    letter-spacing: -0.2rem !important;
	}

	.how-it-works-page .description {
		font-size: 1.6rem !important;
		line-height: 2rem !important;
	}

	.how-it-works-page .section.three .slope {
		background-image: none;
		background-color: #F2F2F2;
		height: auto;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.how-it-works-page .section.three .slope .page-width {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}

	.how-it-works-page .section.three .phone,
	.how-it-works-page .section.three .text {
		width: 100%;
	    text-align: center;
	    padding-left: 20px;
	    padding-right: 20px;
	}

	.how-it-works-page .section.three .phone {
		background-position: 0 0;
		height: 450px;
		margin-bottom: 50px;
	}

	.how-it-works-page .section.four .flex-container .bottom img {
		left: 0;
	}

	.how-it-works-page .btn {
		height: 45px;
    	line-height: 45px;
    	font-size: 1.2rem;
	}

	.recommended-page.marketing-page .control-panel form .btn {
		height: 40px;
	    line-height: 40px;
	    font-size: 0.55em;
	}

	.recommended-page.marketing-page .step-label {
		font-size: 0.6em;
		margin-bottom: 10px;
	}

	.recommended-page.marketing-page .personalize-title {
		font-size: 1.6rem;
		margin-top: 40px;
	}

	.recommended-page.marketing-page .personalize-cta {
		font-size: 0.75rem;
		line-height: 1rem;
		padding: 15px 20px;
		margin-bottom: 15px;
	}

	.recommended-page.marketing-page .control-panel form .step.two .form-group label {
		margin-right: 10px;
	}

	.recommended-page.marketing-page .control-panel form select.btn {
		background-size: 14px;
	}

	.recommended-page.marketing-page .personalize-title {
		letter-spacing: -0.1rem;
	}

	.why-fitlegit-page .section.two .flex-container .left {
		width: 70%;
	}

	.why-fitlegit-page .section.two .page-width {
		padding-right: 0;
	}

	.why-fitlegit-page .section.three {
		padding: 75px 0 50px;
	}

	.why-fitlegit-page .section.three .table .row .column.two .title {
		font-size: 2.4rem !important;
    	line-height: 2.6rem !important;
    	margin: 0 auto 10px;
	}

	.why-fitlegit-page .section.three .table .row {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		margin-bottom: 20px;
	}

	.why-fitlegit-page .section.three .table .row .column.one {
		border-radius: 5px 5px 0 0;
		width: 100%;
	}

	.why-fitlegit-page .section.three .table .row .column.two {
		border-radius: 0 0 5px 5px;
		width: 100%;
		text-align: center;
	}

	.why-fitlegit-page .section.three .table .row .column {
		min-height: 100px;
	}

	.why-fitlegit-page .btn {
		height: 45px;
    	line-height: 45px;
    	font-size: 1.2rem;
	}

	.why-fitlegit-page .section.four {
		margin-bottom: 0;
	}

	.why-fitlegit-page .section.one {
		padding-bottom: 0;
	}

	body.account-page.marketing-page.create-account-page .page-content,
	body.account-page.marketing-page.login-page .page-content {
		padding-top: 75px;
	}

	.marketing-page.create-account-page .btn,
	.marketing-page.login-page .btn {
		height: 45px;
    	line-height: 45px;
    	font-size: 0.8rem;
	}

	/* INLINE ERROR STYLES */


	.account-page .field-wrapper.contains-error .error-message {
	    display: block;
	}

	.account-page .field-wrapper.contains-error input {
	    border-left: 5px solid #F2444D;
	}

	.account-page .field-wrapper .error-message {
	    font-size: 0.5rem;
	    line-height: 0.6rem;
	    margin-top: -10px;
	    margin-bottom: 15px;
	}

	.account-page .form-group .sub-group .field-wrapper .error-message {
	    margin-top: 5px;
	}

	.account-page.login-page .field-wrapper .error-message,
	.account-page.create-account-page .field-wrapper .error-message {
	    margin-top: -5px;
	    font-size: 0.6rem;
	    line-height: 0.75rem;
	}

	body.login-page input[type="submit"],
	body.create-account-page input[type="submit"] {
		font-size: 0.8rem;
	}

}