html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {line-height:1;height:100%;font-family:'Montserrat', serif;font-weight:500;font-size:14px;color:#181458;margin:0;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse:collapse;border-spacing:0;}
html {scroll-behavior:smooth;height:100%;margin:0;}
a {-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}

/* #content {background-image:url(images/background.png);background-repeat:repeat-x;} */
#content {background: rgb(208,240,253);background: linear-gradient(0deg, rgba(240,250,254,1) 0%, rgba(208,240,253,1) 100%);position:relative;height:vh;min-height:100%;}
.entry-content {width:100%;text-align:center;}
.pages .entry-content {padding-bottom:55px;}

@media screen and (min-width:560px){}

.header {padding-top:30px;max-width:560px;text-align:center;margin:0 auto;position:relative;}
.header img {width:100%;height:auto;max-width:60%;padding-bottom:10px;}
.header p, h3, h4 {margin:0 auto;width:75%;text-align:center;line-height:1.3em;padding-bottom:30px;}

.pages .header img {max-width:50px;}

img.mnc-logo {width:40%;max-width:none !important;}

.footer {padding:30px 0;font-size:12px;line-height:1.4em;}
.footer p {width:75%;margin:0 auto 15px auto;max-width:500px;}
.footer p strong {font-weight:700;font-size:10px;}
.footer img {width:30px;height:auto;}

.pages .footer {position:fixed;bottom:0;width:100%;background:rgb(64,193,247);background: linear-gradient(0deg, rgba(45,136,195,1) 0%, rgba(64,193,247,1) 100%);padding:0;height:55px;border-top:2px solid #FFF;}
.footer-width {height:55px;position:relative;max-width:560px;margin:0 auto;}

.pages .footer div a {display:block;padding:12px 20px;}
.icon-home {position:absolute;left:0;top:0;}
.icon-call {position:absolute;right:0;top:0;}
.footer-title {margin:0 auto;padding-top:20px;width:20%;font-size:20px;font-weight:800;width:auto;}

h1, h2, h3, h4, h5 {font-size:24px;font-weight:800;line-height:1.4em;padding-bottom:30px;}
h2, .mnc, .mnc-thanks {font-size:20px;}
h1 span, .mnc-thanks {font-weight:800;color:#40c2f8;display:block;}
h3, h4  {text-align:left;padding-bottom:5px;font-size:16px;}
h4  {padding-bottom:10px;font-size:14px;}
h5  {padding-top:5px;font-size:20px;}
small {font-size:12px;}

.background, .toggle-content div {background-color:#d9f3fe;padding-top:30px;}
.background.ibd {margin-bottom:3px;}

.pages p {text-align:left;}
.pages p strong {font-weight:700;}
.pages p em {font-style:italic;}
.pages .background ul {padding:0 0 10px 30px;list-style-type:disc;width:75%;margin:0 auto;text-align:left;line-height:1.3em;}
.pages .background ul li {padding:0 0 10px 5px;}

.header p.mnc, .header p.mnc-thanks {text-align:center;}

.home-menu {max-width:560px;text-align:center;margin:0 auto;}
.home-menu, .toggle-content a, .phone-content a, .phone-content span  {font-size:20px;font-weight:700;list-style-type:none;}
.home-menu li, .toggle-content a, .phone-content a  {margin-bottom:2px;}
.home-menu li a, .toggle-content a, .phone-content a, .phone-content span  {display:block;height:60px;line-height:60px;background:#40c2f8;text-decoration:none;background-image: url(images/Ferring_App_Managing_my_IBD_200x1200.png);background-size:30px auto;background-repeat:no-repeat;background-position:7% center;color:#181458;}
.home-menu li a:active, .toggle-content a:hover, .phone-content a:hover  {color:#181458;}
.home-menu li a:hover, .toggle-content a:hover, .phone-content a:hover {background-color:#d9f3fe;}
.home-menu .bloods a  {background-image: url(images/Ferring_App_1_Bloods_1200x1200.png);}
.home-menu .stools a  {background-image: url(images/Ferring_App_2_Stools_1200x1200.png);}
.home-menu .medicines a  {background-image: url(images/Ferring_App_3_Meds_1200x1200.png);}
.home-menu .adviceline a  {background-image: url(images/Ferring_App_4_AdviceLine_1200x1200.png);}
.home-menu .wellbeing a  {background-image: url(images/Ferring_App_5_WellBeing_1200x1200.png);}
.home-menu .porth a  {background-image: url(images/Ferring_App_6_porth_1200x1200.png);}

@media screen and (max-width:525px){
	.home-menu .porth a span {display:block;padding:20px 50px;line-height:1.2em;}
	.home-menu li.porth a  {height:80px;line-height:80px;}
}

.home-menu .mnc a  {background-image: url(images/Ferring_App_Medical_Card_1200x1200.png);}
.home-menu li a img {width:50px;height:auto;vertical-align:middle;text-align:left;}

.about-menu {display:table;width:100%;}
.about-menu li {display:table-cell;list-style-type:none;}
.about-menu li a {background:#40c2f8;color:#181458;display:block;padding:10px 20px;border-bottom:3px solid #40c2f8;text-decoration:none;font-weight:700;font-size:12px;line-height:1.4em;}
.about-menu li a:hover, .about-menu li a:active {border-bottom:3px solid #181458;}

.toggle-content, .phone-content {padding-bottom:20px;}
.toggle-content a, .phone-content a, .phone-content span {background-image:none;}
.phone-content a, .phone-content span {padding:15px 5px;height:auto;line-height:1.4em;}

.phone-content span a {display:inline-block;height:auto;line-height:auto;padding:0px 5px;}

.medicines h1 {font-size:18px;font-weight:700;background:#40c2f8;line-height:60px;padding:0;margin-bottom:2px;}
.medicines .phone-content {padding-left:10px;padding-right:10px;}
.medicines-content {background-color:#70d1fa;}
.medicines-content h2 {font-size:16px;color:#FFF;padding:0;margin:0 auto;width:75%;text-align:left;padding:20px 0 5px 0;font-weight:400;}
.medicines-content h3 {color:#FFF;font-size:16px;font-weight:700;}
.medicines-footer {padding-top:30px;}
.medicines-footer a {font-weight:700;text-decoration:underline;color:#181458;}

.drug-info {font-weight:700;}
.steroids h2 {color:#181458;font-weight:700;}
.drug-info span {font-weight:500;}

.centered {text-align:center !important;}
.notice {padding-top:15px !important;padding-bottom:15px !important;}
.medicines .notice {font-weight:700;text-align:center;}

@media screen and (max-width:375px){
	.home-menu  {font-size:18px;}
	.home-menu li a  {background-position:5% center;}
}

.language-button {position:absolute;top:3px;right:0;}
.language-button a {background:#40c2f8;color:#181458;padding:3px 5px;text-decoration:none;}
.language-button a:hover {transition-duration: 0.3s;background-color:#d9f3fe;}