@media (min-width: 1920px) and (orientation: landscape) {
    .footerContainer {
        overflow: hidden;
        margin: 0;
        padding: 3% 8%;
    }

    .footerLeftColumn {
        float: left;
        margin: 0 0 0 22%;
        width: 22%;
    }

    .footerPhoneContainer {
        width: 100%;
        float: left;
        margin: 3% 0 1% 3%;
    }

    .footerPhoneContainer p {
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        font-weight: 400;
        font-size: 1.4em;
        line-height: 1.8;
    }

    .footerPhoneIcon {
        width: 10%;
        float: left;
        margin: 1% 4% 0 0;
    }

    .footerEmailContainer {
        width: 100%;
        float: left;
        margin: 3% 0 1% 3%;
        cursor: pointer;
    }

    .footerEmailContainer p {
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        font-weight: 400;
        font-size: 1.4em;
        line-height: 1.5;
    }

    .footerEmailIcon {
        width: 12%;
        float: left;
        margin: 1% 3% 0 0;
    }

    .footerDietitianContainer {
        width: 100%;
        float: left;
        margin: 3% 0 0 3%;
        cursor: pointer;
    }

    .footerDietitianContainer p {
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        font-weight: 400;
        font-size: 1.4em;
        line-height: 1.5;
    }

    .footerDietitianIcon {
        width: 10%;
        float: left;
        margin: 1% 4% 0 0;
    }

    .footerRightColumn {
        float: right;
        width: 32%;
        margin: 0 20% 0 0;
    }

    .footerMedwellLogo {
        width: 50%;
        float: left;
        display: block;
    }

    .footerMedwellLogoResp {
        display: none;
    }

    .footerCopyright {
        width: 100%;
        float: left;
        margin: 3% 0 2% 3%;
    }

    .footerCopyright p {
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        font-weight: 400;
        font-size: 1.3em;
        line-height: 1.5;
    }

    .footerPrivacy {
        width: 100%;
        float: left;
        margin: 1% 0 2% 3%;
    }

    .footerPrivacy p {
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        font-weight: 400;
        font-size: 1.3em;
        line-height: 1.5;
    }

    .footerPrivacy a {
        font-size: .9em;
    }

    .footerPrivacy a:hover {
        font-size: .9em;
        text-decoration: underline;
    }

    .footerSecurity {
        width: 100%;
        float: left;
        margin: 1% 0 0 3%;
    }

    .footerSecurity p {
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        font-weight: 400;
        font-size: 1.3em;
        line-height: 1.5;
    }

    .footerSecurity a {
        font-size: .9em;
    }

    .footerSecurity a:hover {
        font-size: .9em;
        text-decoration: underline;
    }

    .footerTopIcon {
        margin: .25% 10% 0 0;
        float: right;
        cursor: pointer;
    }

    .footerTopIcon img {
        float: right;
    }
}

/***** Phone Portrait Mode *****/
@media (min-width: 320px) and (max-width: 736px) and (orientation: portrait) {
    .footerContainer {
        overflow: hidden;
        margin: 0;
        padding: 3% 4%;
    }

    .footerLeftColumn {
        float: left;
        margin: 0;
        width: 96%;
    }

    .footerRightColumn {
        float: left;
        width: 96%;
        margin: 3% 0 0 0;
    }

    .footerMedwellLogo {
        width: 100%;
        float: left;
        display: block;
    }

    .footerMedwellLogoResp {
        display: none;
    }

    .footerPhoneContainer {
        width: 100%;
        float: left;
        margin: 3% 0 0 0;
    }

    .footerPhoneContainer p {
        font-size: 1.1em;
    }

    .footerPhoneIcon {
        margin: 0 1% 0 0;
        width: 8%;
        float: left;
    }

    .footerEmailContainer {
        width: 100%;
        float: left;
        margin: 2% 0 2% 0;
        cursor: pointer;
    }

    .footerEmailContainer p {
        font-size: 1.1em;
    }

    .footerEmailIcon {
        margin: 0 1% 0 0;
        width: 12%;
        float: left;
    }

    .footerDietitianContainer {
        width: 100%;
        float: left;
        margin: 0;
        cursor: pointer;
    }

    .footerDietitianContainer p {
        font-size: 1.1em;
    }

    .footerDietitianIcon {
        margin: 0 1% 0 0;
        width: 10%;
        float: left;
    }

    .footerCopyright p {
        font-size: 1em;
    }

    .footerPrivacy p {
        font-size: 1em;
    }

    .footerSecurity p {
        font-size: 1em;
    }

    .footerTopIcon {
        margin: 1% 8% 0 0;
        float: right;
        cursor: pointer;
        display: none;
    }
}

/***** Phone Landscape Mode *****/
@media only screen and (min-width : 375px) and (max-width : 897px) and (orientation: landscape) {
    .footerContainer {
        overflow: hidden;
        margin: 0;
        padding: 3% 4%;
    }

    .footerLeftColumn {
        float: left;
        margin: 0 5% 0 0;
        width: 40%;
    }

    .footerRightColumn {
        float: left;
        width: 45%;
        margin: 0;
    }

    .footerMedwellLogo {
        width: 100%;
        float: left;
        display: block;
    }

    .footerMedwellLogoResp {
        display: none;
    }

    .footerPhoneContainer {
        width: 100%;
        float: left;
        margin: 3% 0 3% 3%;
    }

    .footerPhoneContainer p {
        font-size: 1.1em;
    }

    .footerPhoneIcon {
        margin: 0 1% 0 0;
        width: 8%;
        float: left;
    }

    .footerEmailContainer {
        width: 100%;
        float: left;
        margin: 2% 0 2% 0;
        cursor: pointer;
    }

    .footerEmailContainer p {
        font-size: 1.1em;
    }

    .footerEmailIcon {
        margin: 0 1% 0 0;
        width: 12%;
        float: left;
    }

    .footerDietitianContainer {
        width: 100%;
        float: left;
        margin: 0;
        cursor: pointer;
    }

    .footerDietitianContainer p {
        font-size: 1.1em;
    }

    .footerDietitianIcon {
        margin: 0 1% 0 0;
        width: 10%;
        float: left;
    }

    .footerCopyright p {
        font-size: 1em;
    }

    .footerPrivacy p {
        font-size: 1em;
    }

    .footerSecurity p {
        font-size: 1em;
    }

    .footerTopIcon {
        margin: 1% 8% 0 0;
        float: right;
        cursor: pointer;
        display: none;
    }
}

/***** Small Phone Landscape Mode *****/
@media only screen and (max-width : 735px) and (orientation: landscape) {
    .footerContainer {
        overflow: hidden;
        margin: 0;
        padding: 3% 8%;
    }

    .footerLeftColumn {
        float: left;
        margin: 0 5% 0 5%;
        width: 98%;
    }

    .footerRightColumn {
        float: left;
        width: 98%;
        margin: 5% 0 0 5%;
    }

    .footerMedwellLogo {
        width: 80%;
        float: left;
        display: block;
    }

    .footerMedwellLogoResp {
        display: none;
    }

    .footerPhoneContainer {
        width: 100%;
        float: left;
        margin: 3% 0 3% 3%;
    }

    .footerPhoneContainer p {
        font-size: 1.3em;
    }

    .footerPhoneIcon {
        width: 12%;
        float: left;
    }

    .footerEmailContainer {
        width: 100%;
        float: left;
        margin: 3% 0 3% 3%;
        cursor: pointer;
    }

    .footerEmailContainer p {
        font-size: 1.5em;
    }

    .footerEmailIcon {
        width: 12%;
        float: left;
    }

    .footerDietitianContainer {
        width: 100%;
        float: left;
        margin: 3% 0 0 3%;
        cursor: pointer;
    }

    .footerDietitianContainer p {
        font-size: 1.5em;
    }

    .footerDietitianIcon {
        width: 12%;
        float: left;
    }

    .footerCopyright p {
        font-size: 1.2em;
    }

    .footerPrivacy p {
        font-size: 1.2em;
    }

    .footerSecurity p {
        font-size: 1.2em;
    }

    .footerTopIcon {
        margin: 1% 8% 0 0;
        float: right;
        cursor: pointer;
        display: none;
    }
}

/***** Tablet/iPad: Portrait *****/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {
    .footerContainer {
        overflow: hidden;
        margin: 0;
        padding: 3% 8%;
    }

    .footerLeftColumn {
        float: left;
        margin-left: 0;
        width: 90%;
    }

    .footerRightColumn {
        float: left;
        width: 95%;
        margin: 3% 0 0 0;
    }

    .footerMedwellLogo {
        display: none;
    }

    .footerMedwellLogoResp {
        width: 80%;
        float: left;
        display: block;
    }

    .footerPhoneContainer {
        width: 100%;
        float: left;
        margin: 3% 0 1% 0;
    }

    .footerPhoneContainer p {
        font-size: 1.1em;
    }

    .footerPhoneIcon {
        margin: 0 1% 0 0;
        width: 5%;
        float: left;
    }

    .footerEmailContainer {
        width: 100%;
        float: left;
        margin: 0 0 1% 0;
        cursor: pointer;
    }

    .footerEmailContainer p {
        font-size: 1.1em;
    }

    .footerEmailIcon {
        margin: 0 1% 0 0;
        width: 6%;
        float: left;
    }

    .footerDietitianContainer {
        width: 100%;
        float: left;
        margin: 0;
        cursor: pointer;
    }

    .footerDietitianContainer p {
        font-size: 1.1em;
    }

    .footerDietitianIcon {
        margin: 0 1% 0 0;
        width: 5%;
        float: left;
    }

    .footerCopyright p {
        font-size: 1.1em;
    }

    .footerPrivacy p {
        font-size: 1.1em;
    }

    .footerPrivacy a {
        font-size: .9em;
    }

    .footerSecurity p {
        font-size: 1.1em;
    }

    .footerTopIcon {
        display: none;
    }
}

/***** Tablet/iPad: Landscape *****/
@media only screen and (min-width: 1024px) and (max-width: 1280px) and (orientation : landscape) {
    .footerContainer {
        overflow: hidden;
        margin: 0;
        padding: 3% 8%;
    }

    .footerLeftColumn {
        float: left;
        margin-left: 3%;
        width: 45%;
    }

    .footerPhoneContainer {
        width: 100%;
        float: left;
        margin: 3% 0 1% 0;
    }

    .footerPhoneContainer p {
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        font-weight: 400;
        font-size: 1.3em;
        line-height: 1.8;
    }

    .footerPhoneIcon {
        width: 15%;
        float: left;
    }

    .footerEmailContainer {
        width: 100%;
        float: left;
        margin: 2% 0 2% 0;
        cursor: pointer;
    }

    .footerEmailContainer p {
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        font-weight: 400;
        font-size: 1.3em;
        line-height: 1.5;
    }

    .footerEmailIcon {
        width: 15%;
        float: left;
    }

    .footerDietitianContainer {
        width: 100%;
        float: left;
        margin: 0;
        cursor: pointer;
    }

    .footerDietitianContainer p {
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        font-weight: 400;
        font-size: 1.3em;
        line-height: 1.5;
    }

    .footerDietitianIcon {
        width: 15%;
        float: left;
    }

    .footerRightColumn {
        float: right;
        width: 45%;
        margin-right: 5%;
    }

    .footerMedwellLogo {
        width: 80%;
        float: left;
        display: block;
    }

    .footerMedwellLogoResp {
        display: none;
    }

    .footerCopyright {
        width: 100%;
        float: left;
        margin: 3% 0 2% 3%;
    }

    .footerCopyright p {
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        font-weight: 400;
        font-size: 1.1em;
        line-height: 1.5;
    }

    .footerPrivacy {
        width: 100%;
        float: left;
        margin: 1% 0 2% 3%;
    }

    .footerPrivacy p {
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        font-weight: 400;
        font-size: 1.1em;
        line-height: 1.5;
    }

    .footerPrivacy a:hover {
        text-decoration: underline;
    }

    .footerSecurity {
        width: 100%;
        float: left;
        margin: 1% 0 0 3%;
    }

    .footerSecurity p {
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        font-weight: 400;
        font-size: 1.1em;
        line-height: 1.5;
    }

    .footerSecurity a:hover {
        text-decoration: underline;
    }

    .footerTopIcon {
        margin: .25% 2% 0 0;
        float: right;
        cursor: pointer;
        display: none;
    }

    .footerTopIcon img {
        float: right;
    }
}

/***** LAPTOP *****/
@media (min-width : 1281px) and (max-width : 1599px) and (orientation : landscape) {
    .footerContainer {
        overflow: hidden;
        margin: 0;
        padding: 3% 8%;
    }

    .footerLeftColumn {
        float: left;
        margin-left: 18%;
        width: 35%;
    }

    .footerRightColumn {
        float: right;
        width: 42%;
        margin-right: 5%;
    }

    .footerMedwellLogo {
        width: 100%;
        float: left;
        display: block;
    }

    .footerMedwellLogoResp {
        display: none;
    }

    .footerPhoneContainer p {
        font-size: 1.2em;
    }

    .footerPhoneIcon {
        margin: 0 1% 0 0;
        width: 6%;
        float: left;
    }

    .footerEmailContainer {
        margin: 4% 0;
    }

    .footerEmailContainer p {
        font-size: 1.2em;
    }

    .footerEmailIcon {
        margin: 0 1% 0 0;
        width: 8%;
        float: left;
    }

    .footerDietitianIcon {
        margin: 0 1% 0 0;
        width: 6%;
        float: left;
    }

    .footerDietitianContainer p {
        font-size: 1.2em;
    }

    .footerCopyright p {
        font-size: 1.2em;
    }

    .footerPrivacy p {
        font-size: 1.2em;
    }

    .footerSecurity p {
        font-size: 1.2em;
    }

    .footerTopIcon {
        margin: .25% 2% 0 0;
        float: right;
        cursor: pointer;
    }

    .footerTopIcon img {
        float: right;
    }
}

/***** Widescreen Styles *****/
@media only screen and (min-width: 1600px) and (max-width: 1919px) and (orientation: landscape) {
    .footerContainer {
        overflow: hidden;
        margin: 0;
        padding: 3% 8%;
    }

    .footerLeftColumn {
        float: left;
        margin: 0 0 0 26%;
        width: 18%;
    }

    .footerPhoneContainer {
        width: 100%;
        float: left;
        margin: 3% 0 1% 3%;
    }

    .footerPhoneContainer p {
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        font-weight: 400;
        font-size: 1.3em;
        line-height: 1.8;
    }

    .footerPhoneIcon {
        width: 10%;
        float: left;
        margin: 1% 4% 0 0;
    }

    .footerEmailContainer {
        width: 100%;
        float: left;
        margin: 3% 0 1% 3%;
        cursor: pointer;
    }

    .footerEmailContainer p {
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        font-weight: 400;
        font-size: 1.3em;
        line-height: 1.5;
    }

    .footerEmailIcon {
        width: 12%;
        float: left;
        margin: 1% 3% 0 0;
    }

    .footerDietitianContainer {
        width: 100%;
        float: left;
        margin: 3% 0 0 3%;
        cursor: pointer;
    }

    .footerDietitianContainer p {
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        font-weight: 400;
        font-size: 1.3em;
        line-height: 1.5;
    }

    .footerDietitianIcon {
        width: 10%;
        float: left;
        margin: 1% 4% 0 0;
    }

    .footerRightColumn {
        float: right;
        width: 30%;
        margin: 0 18% 0 0;
    }

    .footerMedwellLogo {
        width: 50%;
        float: left;
        display: block;
    }

    .footerMedwellLogoResp {
        display: none;
    }

    .footerCopyright {
        width: 100%;
        float: left;
        margin: 3% 0 1% 3%;
    }

    .footerCopyright p {
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        font-weight: 400;
        font-size: 1.2em;
        line-height: 1.5;
    }

    .footerPrivacy {
        width: 100%;
        float: left;
        margin: 0 0 1% 3%;
    }

    .footerPrivacy p {
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        font-weight: 400;
        font-size: 1.2em;
        line-height: 1.5;
    }

    .footerPrivacy a {
        font-size: .9em;
    }

    .footerPrivacy a:hover {
        font-size: .9em;
        text-decoration: underline;
    }

    .footerSecurity {
        width: 100%;
        float: left;
        margin: 0 0 0 3%;
    }

    .footerSecurity p {
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        font-weight: 400;
        font-size: 1.2em;
        line-height: 1.5;
    }

    .footerSecurity a {
        font-size: .9em;
    }

    .footerSecurity a:hover {
        font-size: .9em;
        text-decoration: underline;
    }

    .footerTopIcon {
        margin: .25% 2% 0 0;
        float: right;
        cursor: pointer;
    }

    .footerTopIcon img {
        float: right;
    }
}