@charset "UTF-8";
/* CSS Document */

/* LAYOUT
========================================================================== */
@media only screen and (min-width: 1187px) {
  .maxWidth-content {
    width: 1170px;
    margin-right: auto;
    margin-left: auto;
    float: none; 
	flex: 0 0 1170px;
    max-width: 1170px;
	} 
}

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

@media only screen and (min-width: 768px) {
  .body-content {
	padding-top: 50px;
	padding-bottom: 50px;
	} 
}

/* TYPOGRAPHY
========================================================================== */
@font-face {
  font-family: SharpSans;
  src: url("/fonts/SharpSans-Book.eot");
  src: url("/fonts/SharpSans-Book.eot?#iefix") format("embedded-opentype"), url("/fonts/SharpSans-Book.woff") format("woff"), url("/fonts/SharpSans-Book.woff2") format("woff2");
  font-weight: 400;
  font-style: normal; }


@font-face {
  font-family: SharpSans;
  src: url("/fonts/SharpSans-Medium.eot");
  src: url("/fonts/SharpSans-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/SharpSans-Medium.woff") format("woff"), url("/fonts/SharpSans-Medium.woff2") format("woff2");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: SharpSans;
  src: url("/fonts/SharpSans-Semibold.eot");
  src: url("/fonts/SharpSans-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/SharpSans-MediumItalic.woff") format("woff"), url("/fonts/SharpSans-MediumItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: SharpSans;
  src: url("/fonts/SharpSans-Semibold.eot");
  src: url("/fonts/SharpSans-Semibold.eot?#iefix") format("embedded-opentype"), url("/fonts/SharpSans-Semibold.woff") format("woff"), url("/fonts/SharpSans-Semibold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal; }


@font-face {
  font-family: SharpSans;
  src: url("/fonts/SharpSans-Bold.eot");
  src: url("/fonts/SharpSans-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/SharpSans-Bold.woff") format("woff"), url("/fonts/SharpSans-Bold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal; }


@font-face {
  font-family: SharpSans;
  src: url("/fonts/SharpSans-Extrabold.eot");
  src: url("/fonts/SharpSans-Extrabold.eot?#iefix") format("embedded-opentype"), url("/fonts/SharpSans-Extrabold.woff") format("woff"), url("/fonts/SharpSans-Extrabold.woff2") format("woff2");
  font-weight: 900;
  font-style: normal; }


/* GLOBAL ====== */
body {
  font-family: "SharpSans", "Arial", sans-serif;
  font-size: 14px;
  color: #53575A;
  font-weight: 600;
}

@media screen and (min-width: 576px) {
    body {
      font-size: 16px; 
	} 
}

a {
	color: #5887DA;
}

.error {
	color: #CE0E2D;
}

@media screen and (min-width: 768px) {
	.mobile-link {
		color: #53575A;
	}
}

/* HEADINGS ====== */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p {
  font-family: "SharpSans", "Arial", sans-serif; 
}

.h1, h1 {
  font-size: 18px; 
	font-weight: 800;
	color: #008FBE;
}

@media screen and (min-width: 576px) {
    .h1, h1 {
		font-size: 24px; 
	} 
}

@media screen and (min-width: 768px) {
    .h1, h1 {
      font-size: 36px; 
	  } 
}

.h3, h3 {
  font-size: 16px;
  font-weight: 700; }
  @media screen and (min-width: 576px) {
    .h3, h3 {
      font-size: 18px; } }
  @media screen and (min-width: 768px) {
    .h3, h3 {
      font-size: 22px; } }

/* HEADER
========================================================================== */
.header-mybswhealth {
	height: 80px;
    background-color: #ffffff;
    /*position: fixed;*/
    top: 0px;
    z-index: 999;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    width: 100%;
    margin: 0px auto;
    padding-top: 20px;
}

.header-mybswhealth__logo {
	text-align: left;
}

/* LANDING PAGE
========================================================================== */
.success-download-container .ratings {
	padding-top: 20px;
	padding-bottom: 20px; 
}

.success-download-container .ratings h3 {
    display: inline-block;
    padding-right: 5px; 
}

.success-download-container .ratings img {
    display: inline-block; 
}

.success-download-container .ratings span {
    display: block;
    font-style: italic; 
}

.success-download-container .app-icons img {
	display: inline-block;
	padding-right: 20px;
	margin-bottom: 15px; 
}

.success-download-container .phone-img {
	margin-top: 10px; 
}

  @media screen and (min-width: 576px) {
    .msuccess-download-container .phone-img {
		margin-top: 0px; 
	} 
}