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;}article, aside, details, figcaption, figure,footer,header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}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;}

@font-face {
  font-family: NotoSans-Regular;
  src: url("../fonts/NotoSans-Regular.ttf");
}

@font-face {
  font-family: NotoSans-Bold;
  src: url("../fonts/NotoSans-Bold.ttf");
}

.show{
	margin-left: .5em;
	animation: buttonReveal .4s forwards;
}

@keyframes buttonHide{
	0%{ opacity: 100%; width: auto; margin-left: .5em;}
	40%{ opacity: 0%;}
	100%{ width: 0; margin-left: 0; opacity: 0%;}
}

@keyframes buttonReveal{
	from{ opacity: 0%; width: 0; margin-left: 0; }
	to{ opacity: 100%; width: auto; margin-left: .5em; }
}

body{
    font-family: NotoSans-Regular;
    font-size: 1.25rem;
    background-color: #fff;
}

a{
    text-decoration: none;
	line-height: 1.25em;
}

h1, h2, h3{
    font-family: NotoSans-Bold;
}

h2{
    font-size: 2rem;
}

h3{
    margin-bottom: .25em;
    font-size: 1.5rem;
}

.light-text{
	color: #2DB9AC;
}

.dark-text{
	color: #702773;
}

.title-bar{
	margin: 0 auto 0 auto;
	width: 1400px;
}

.title-bar h2{
	padding: 1em;
	margin: 0 auto;
	max-width: 1400px;
	text-align: center;
	box-sizing: border-box;
	color: #702773;
	font-weight: 600;
}

p{
	padding: .25em 0;
}

.space{
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.space img{
	height: 40px;
}

.ul-privacy{
	margin-bottom: 1em;
}

.ul-privacy li{
	padding: .5em;
	list-style: lower-alpha;
}

.title-center{
	margin-bottom: .5em;
	width: 100%;
	text-align: center;
	font-weight: 600;
}

.link-blue{
	color: #2DB9AC;
}

.header-wrapper{
    position: relative;
    z-index: 10;
    background-color: #fff;
    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.2);
}

.contact-tab{
	margin-left: 1em;
	display: flex;
	align-items: center;
	font-size: 1.15rem;
	font-family: NotoSans-Regular;
    position: relative;
    border: none;
    outline: none;
	cursor: pointer;
	font-weight: 600;
	white-space: nowrap;
}

.contact-tab a{
	padding: .75em 1em;
	background-color: #702773;
	color: #fff;
	border-radius: 8px;
	line-height: 1em;
}

.contact-tab a:hover{
	background-color: #2DB9AC;
}

header{
	padding: 1em 4em;
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: space-between;
	box-sizing: border-box;
}

.logo img{
    height: 70px;
    display: block;
}

nav{
    margin-left: auto;
	display: flex;
	align-self: stretch;
	align-items: stretch;
}

.dropdown{
	display: flex;
}

.btn-dropdown{
	font-size: 1.15rem;
	font-family: NotoSans-Regular;
    position: relative;
    border: none;
    outline: none;
    background-color: transparent;
    color: #702773;
    padding: 1em;
    margin: 0;
	cursor: pointer;
	font-weight: 600;
	white-space: nowrap;
}

.btn-dropdown::after{
    position: absolute;
    z-index: 1;
    width: 0%;
    height: 3px;
    left: 0;
    bottom: 20px;
    content: "";
    display: block;
    background-color: #702773;
}

.sub-item, .menu-item{
    position: relative;
    padding: 1em;
    box-sizing: border-box;
}

.menu-item{
	display: flex;
	align-items: center;
	color: #702773;
	font-weight: 600;
	font-size: 1.15rem;
}

.sub-item{
	color: #fff;
	font-size: 1.15rem;
}

.menu-item::after{
    position: absolute;
    z-index: 1;
    width: 0%;
    height: 3px;
    left: 0;
    bottom: 20px;
    content: "";
    display: block;
    background-color: #702773;
}
 
.dropdown{
    overflow: hidden;
}

.dropdown-content {
	position: absolute;
	top: 90px;
    display: none;
    position: absolute;
    min-width: 160px;
	background-color: #702773;
    z-index: 999;
	box-shadow: 1px 1px 4px 1px rgba(0,0,0,.2);
}

.dropdown-content a{
    padding: 1em;
    z-index: 999;		
}

body.hasHover .sub-item:hover{
	transition: .5s all;
   	background-color: #2DB9AC;
	color: #fff;
    cursor: pointer;
}

body.hasHover .btn-dropdown:hover:after{
	transition: width .3s;
    width: 100%;
}

body.hasHover .menu-item:hover:after{
	transition: width .3s;
    width: 100%;
}

.dropdown-content .menu-item{
	color: #fff;
}

.btn-menu{
    display: none;
    cursor: pointer;
    width: 2.4em;
}

.bar1, .bar2, .bar3{
    border-radius: 2px;
    width: 2.4em;
    height: 4px;
    background-color: #702773;
    margin: 8px auto;
    transition: 0.3s;
}

/* MINUS-X ANIMATION */
.minus-x .bar1 {
    animation: minus-x-1 .6s forwards;
}
.minus-x-rev .bar1{
    animation: minus-x-1-rev .4s forwards;
}
@keyframes minus-x-1{
    50%{transform: translateY(12px);}
    100%{transform: rotate(-45deg) translate(-9px, 8px); background-color: #2DB9AC;}
}
@keyframes minus-x-1-rev{
    0%{transform: rotate(-45deg) translate(-9px, 8px); background-color: #2DB9AC;}
    100%{transform: rotate(0deg) translate(0,0);}
}
.minus-x .bar2 {
    opacity: 0;
}
.minus-x .bar3 {
    animation: minus-x-3 .6s forwards;
}
.minus-x-rev .bar3{
    animation: minus-x-3-rev .4s forwards;
}
@keyframes minus-x-3{
    50%{   transform: translateY(-12px);}
    100%{ transform: rotate(45deg) translate(-8px, -8px); background-color: #2DB9AC;}
}
@keyframes minus-x-3-rev{
	0%{transform: rotate(45deg) translate(-8px, -8px); background-color: #2DB9AC;}
    100%{transform: rotate(0deg) translate(0,0);}
}

#home-banner{
    height: calc(100vh - 100px);
    background-image: url('../img/mockupquello.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.banner-inner{
	padding: 4em;
    width: 40%;
    display: flex;
    align-items: center;
	box-sizing: border-box;
}

.subbanner-inner{
	padding: 4em;
    width: 50%;
    display: flex;
    align-items: center;
	box-sizing: border-box;
}

.banner-text-wrapper{
    max-width: 100%;
    color: #fff;
}

.subbanner-text-wrapper{
    max-width: 100%;
    color: #fff;
}

.banner-title{
    display: block;
    font-size: 2.5rem;
    line-height: 1.15em;
    font-weight: 700;
}

.banner-text{
    margin: .5em auto;
    line-height: 1.5em;
}

.button{
    position: relative;
    z-index: 1;
    padding: .75em 1.25em;
    background-color: #702773;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    font-size: 1rem;
    cursor: pointer;
    border: 1px solid transparent;
}

.button::after{
    position: absolute;
    z-index: -1;
    width: 0%;
    height: 100%;
    left: -1px;
    bottom: -1px;
    content: "";
    display: block;
    background-color: #2DB9AC;
    border-radius: 5px;
}

.button-light{
    position: relative;
    z-index: 1;
    padding: .75em 1.25em;
    background-color: #2DB9AC;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    font-size: 1rem;
    cursor: pointer;
    border: 1px solid transparent;
}

.button-light::after{
    position: absolute;
    z-index: -1;
    width: 0%;
    height: 100%;
    left: -1px;
    bottom: -1px;
    content: "";
    display: block;
    background-color: #fff;
    border-radius: 5px;
}

.button-reverse{
    position: relative;
    z-index: 1;
    padding: .75em 1.25em;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    font-size: 1rem;
    cursor: pointer;
    box-sizing: border-box;
}

.button-reverse::after{
    position: absolute;
    z-index: -1;
    width: 0%;
    height: 100%;
    left: 0;
    bottom: 0;
    content: "";
    display: block;
    background-color: #fff;
    border-radius: 5px;
}

.button-white{
    position: relative;
    z-index: 1;
    padding: .75em 1.25em;
    background-color: #702773;
	border: none;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    font-size: 1rem;
    cursor: pointer;
    box-sizing: border-box;
}

.button-white::after{
    position: absolute;
    z-index: -1;
    width: 0%;
    height: 100%;
    left: 0;
    bottom: 0;
    content: "";
	border: none;
    display: block;
    background-color: #fff;
    border-radius: 5px;
}

.button-light:hover{
	transition: color .3s;
	color: #333;
}

.button-reverse:hover{
    border: 1px solid transparent;
	transition: color .3s;
	color: #333;
}

.button-white:hover{
	color: #702773;
}

.button:hover:after {
    transition: width .3s;
    width: 100%;
    border: 1px solid transparent;
}

.button-light:hover:after {
    transition: width .3s;
    width: 100%;
    border: 1px solid transparent;
}

.button-reverse:hover:after{
    transition: width .3s;	
    width: 100%;
    border: 1px solid transparent;
}
 
.button-white:hover:after{
	transition: width .3s;
    width: 100%;
}

section, .section-white{
	margin: 0 auto;
    padding: 4em 0;
	width: 1400px;
}

.wrapper-two-column{
	margin: 3em auto;
	width: 1400px;
}

.section-wrapper{
	padding: 2em 0;
	background-color: #e7e7e7;

}

.section-inner{
    margin: 0 auto;
	padding: 1em 0;
    max-width: 1400px;
	box-sizing: border-box;
}

.section-inner-nopad{
    margin: 0 auto;
    max-width: 1400px;
}


#customized-telehealth-wrapper-outer{
	margin: 0 auto;
	width: 100%;
	background-color: #2db9ac;
}

#customized-telehealth-wrapper{
	margin: 0 auto 2em auto;
	width: 1400px;
	display: flex;
	align-items: center;
}

#customized-telehealth-left{
	width: 50%; 
}

#customized-telehealth-text{
	padding: 2em;
	line-height: 1.5em;
}
	
#customized-telehealth-right{
	width: 50%;
	height: 60vh;
	background-image: url('../img/services/desktopmockupportal.jpg');
	background-size: cover;
	background-position: center;
}

#telehealth-software{
	background-color: #702773;
}

.one-column{
	text-align: center;
}

.one-column .column-img{
	margin: 0 auto;
	width: 100%;
}

.two-column{
	display: flex;
	align-items: center;
	background-color: #fff;
}

.two-column-transparent{
	background-color: transparent;
}

.two-column .column-img{
	width: 40%;
}

.two-column .column-img-tall{
	max-width: 40%;
}

.column-img img{
	display: block;
	width: 100%;
}

.column-img-tall img{
	display: block;
	width: 100%;
}

.column-text{
	padding: 2em;
	width: auto;
	box-sizing: border-box;
}


.column-text-right{
	padding: 2em;
	width: 70%;
	align-self: center;
	box-sizing: border-box;
}

.column-text-left{
	padding: 2em;
	width: 60%;
	align-self: center;
	box-sizing: border-box;
}

.column-p{
	margin-bottom: .5em;
	line-height: 1.5em;
}

.column-ul{
	list-style: disc;
	list-style-position: inside;
	margin-bottom: 1em;
	line-height: 1.5em;
}


.four-column{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.four-column .col{
	margin-bottom: 2em;
	width: calc((100%/4) - 1em);
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
}

.col-img-large{
	margin: 0 auto;
	width: 100%;
	display: flex;
	justify-content: center;
	align-self: stretch;
}

.col-img-large img{
	margin: 0 auto;
	height: 150px;
	width: auto;
}

.three-column{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.three-column .col-white, .three-column .col-blue{
	padding: 1em;
	margin-bottom: 1.5em;
	width: calc((100%/3) - 1em);
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
	background-color: #efefef;
	border-radius: 5px;
}

.three-column .col-blue{
	background-color: #7e2f84;
}

.three-column .col-white{
	background-color: #efefef;
}


.three-column .col-img{
	margin: 1em auto 1em 0;
	width: 100%;
	display: block;
	align-self: stretch;
}

.three-column .col-img img{
	margin: 0 auto;
	height: 80px;
	width: auto;
}

.three-column .col-img-medium{
	margin: 1em auto 1em 0;
	width: 100%;
	display: block;
	align-self: stretch;
}

.three-column .col-img-medium img{
	margin: 0 auto;
	height: 120px;
	width: auto;
		display: block;
}

.three-column .col-text{
	margin-top: 0;
	width: 100%;
	align-self: stretch;
}

#img-process{
	margin: 2em 0 0 0;
	width: 100%;
}

#img-process img{
	width: 100%;
	display: block;
}

.col-img img{
	margin: 0 auto;
	width: 60%;
	display: block;
}

.col-text{
	font-size: 1.15rem;
	line-height: 1.25em;
	text-align: center;
}

.col-title{
	font-size: 1.5rem;
	line-height: 1.25em;
	color: #702773;
}

.column-title{
	font-size: 1.75rem;
	line-height: 1.25em;
	color: #702773;
}

/*Applications/Use Cases Page*/

#applications-banner{
    height: calc(60vh);
    background-image: url('../img/applications/laptopmockup.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


.section-blue{
	margin: 2em auto;
    width: 1400px;
    background-color: #2DB9AC;
}

.section-inner p{
    line-height: 1.5em;
}

.text-white{
    color: #fff;
}

.features{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.feature{
    margin-bottom: 2em;
    width: 30%;
    text-align: center;
    align-self: flex-start;
}

.feature-icon{
    margin-bottom: .5em;
    text-align: center;
}

.feature-icon img{
    height: 75px;
    display: inline-block;
}

.feature-title{
    margin-bottom: .5em;
    font-size: 1.5rem;
}

.feature-text{
	font-size: 1.15rem;
	line-height: 1.25em;
}

/*Overview*/

#overview-banner{
    height: calc(60vh);
    background-image: url('../img/overview/laptopmockup.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#launch-wrapper, #partner-wrapper{
	width: 100%;
	background-color: #efefef;
}

#launch{
	background-image: url('../img/overview/overview.png');
    background-size: cover;
    background-position: center;
	max-width: 1400px;
	height: 860px;
}

#transition{
	width: 100%;
	background-color: #702773;
	display: block;
}

.programs{
	margin-top: 1em;
	display: flex;
	justify-content: space-between;
}

.program{
	padding: 1em;
	width: calc((100%/2) - 1em);
	text-align: center;
	background-color: #702773;
	box-sizing: border-box;
	border-radius: 5px;
}

.program img{
	width: 150px;
	margin: 1em;
}

/*Partners*/

#partners-banner{
    height: calc(60vh);
    background-image: url('../img/overview/laptopmockup.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#partner{
	background-image: url('../img/partner/partner.png');
    background-size: cover;
    background-position: center;
	height: 860px;
	max-width: 1400px;
}

/*About*/

#about-banner{
	height: calc(60vh);
    background-image: url('../img/about/header.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/*Contact*/

#contact-banner{
    height: calc(60vh);
    background-image: url('../img/contact/header.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#contact-section{
	padding: 1em;
	background-color: #702773;
	border-radius: 10px;
}

#contact{
    display: flex;
    border-radius: 5px;
}

.contact-info{
    width: 40%;
    color: #fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: flex-start;
}

.contact-group{
	width: 100%;
    margin-top: 1em;
	display: flex;
	align-items: center;
}

.contact-title{ 
	margin-bottom: .25em;
}

.contact-img{
	height: 32px;
}


.contact-img img{
	height: 100%;
	display: block;
}

.contact-p {
	margin-left: 1em;
}

.contact-p a{
    color: #fff;
}

.contact-form{
    padding: 1em 2em;
    width: 60%;
	background-color: #fff;
	border-radius: 10px;
}

.input-wrapper{
    margin-bottom: 1em;
    position: relative;
}

.input-text{
    padding: .25em .5em;
    width: 100%;
    box-sizing: border-box;
    font-size: 1.25rem;
    border: none;
    outline: none;
    background-color: transparent;
	font-family: NotoSans-Regular;
	color: #000;
}

.input-underline{
    position: relative;
    height: 3px;
    width: 100%;
	background-color: #702773;
    
}

.input-underline::after{
    position: absolute;
    top: 0;
    left: 50%;
    height: 3px;
    width: 0%;
    background-color: #2DB9AC;
    content: "";
}

.input-text:focus + .input-underline::after{
    transition: all .5s;
    width: 100%;
    left: 0;
}

::placeholder{
    color: #333;
}

.textarea{
    padding: .25em .5em;
    min-height: 150px;
    width: 100%;
    box-sizing: border-box;
    font-size: 1.25rem;
    resize: none;
    background-color: #efefef;
    font-family: NotoSans-Regular;
    border: none;
    outline: none;
}

.textarea:focus{
	border:  3px solid #2DB9AC;
}

.icon{
	margin-left: .25em;
}

.g-recaptcha{
    width: 100%;
}

.popup{
    z-index: 999;
    color: #fff;
    background-color: rgba(112, 39, 115, .6);
    box-sizing: border-box;
    position: absolute;
    width: auto;
    top: 50%;
    left: 50%;
  	transform: translate(-50%, -50%);
    animation: fade 1s;
    text-align: center;
}

.popup p{
    padding: 3em;
}

.popup a{
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
    color: #fff;
}

@keyframes fade {
  from {opacity: 0;}
  to {opacity: 1; display: block;}
}


/*FOOTER*/

footer{
    background-color: #F4F4F4;
    color: #000;
}

.footer-top{
   	padding: 2em;
    margin: 0 auto;
    max-width: 1200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-section{
    align-self: flex-start;
}

.footer-section h2{
    font-size: 1.5rem;
    color: #702773;
}

.footer-text a, .footer-text{
    color: #333;
    font-size: 1rem;
}

.footer-title{
	margin-bottom: .5em;
}

.footer-text{
    margin-bottom: .5em;
}

.footer-section .contact-tab{
    margin-left: 0;
    margin-bottom: .5em;

}

.footer-bottom{
    padding: 1em 2em;
    margin: 0 auto;
    width: 100%;
    background-color: #fff;
	box-sizing: border-box;
}

.footer-bottom-inner{
    margin: 0 auto;
    max-width: 1200px;
    display: flex;
    justify-content: space-between;
    font-size: 1rem;
	flex-wrap: wrap;
}

@media only screen and (max-width: 1400px){
	
	header{
		padding: 1em 2em;
	}
	
	#home-banner{
		background-image: url('../img/mockupquellomed.jpg');
        height: calc(100vh - 120px);
        background-position: center;

	}	

	.banner-inner{
		padding: 1em 1em 1em 2em;
		width: 50%;
	}
	
	section{
		width: calc(100% - 2em);
	}
	
	.section-inner{
		padding: 2em 1em;
		width: 100%;
		box-sizing: border-box;
	}
	
	.wrapper-two-column{
		width: 100%;
	}
	
	.banner-title{
		font-size: 2.25rem;
	}
	
	.banner-text{
		margin:.5em auto;
	}
	
	.column-p{
		font-size: 1rem;
	}
	
	.column-title{
		font-size: 1.5rem;
	}
	
	.col-title{
		font-size: 1.25rem;
	}
	
	h2{
		font-size: 1.75rem;
	}
	
	.title-center{
		margin-bottom: .25em;
	}
	
	#applications-banner{
		background-image: url('../img/overview/laptopmockupmed.png');
		background-position: right;
	}
	
	#partners-banner{
		background-image: url('../img/partner/laptopmockupmed.png');
		background-position: right;
	}
	
	#about-banner{
		background-image: url('../img/about/headermed.png');
		background-position: right;
	}
	
	#contact-banner{
		background-image: url('../img/contact/headermed.png');
		background-position: right;
	}
	
	.subbanner-inner{
		padding: 1em 1em 1em 2em;
		width: 50%;
	}
	
	
	.four-column{
		justify-content: space-around;
	}
	
	.four-column .col{
		width: calc((100%/2) - 2em);
	}
	
	#customized-telehealth-wrapper{
		width: 100%;
	}
	
	.title-bar{
		width: 100%;
	}
	
	
	.footer-top{
		max-width: 100%;
	}
	
	.footer-bottom-inner{
		max-width: 100%;
	}
}

@media only screen and (max-width: 1200px){
    .contact-bar-wrapper{
        padding: 1em;
    }
    
    .contact-bar{
        min-height: auto;
    }
	

	.shownav{
		display: flex;
    	flex-direction: column;
	}
    
    .banner-text-wrapper{
        min-width: 100%;
    }
    
    .feature{
        width: 45%;
    }
    
}

@media only screen and (min-width: 1001px){
	#nav{
		width: auto !important;
	}
	
	body.hasHover .dropdown:hover .dropdown-content{
		display: flex;
		flex-direction: column;
	}
}


@media only screen and (max-width: 1000px){
	
	header{
        min-height: auto;
    }
    
    nav{
        z-index: 999;
        width: 0;
        overflow: hidden;
        background-color: #702773;
        position: absolute;
        top: 120px;
        right: 0;
        transition: width .6s;
		flex-direction: column;
		align-items: center;
    }
    
	nav > *:not(:last-child){
		border-bottom: 1px solid #8E6791;
	}
	
	.dropdown{
		width: 100%;
		flex-wrap: wrap;
	}

	.btn-dropdown{
		color: #fff;
		width: 100%;
	}

	.btn-dropdown::after{
		display: none;
	}

	.sub-item, .menu-item{
		color: #fff;
		width: 100%;
		text-align: center;
		display: block;
	}
	
	.contact-tab{
		margin: 0;
		width: 100%;
		text-align: center;
		display: block;
	}
	
	.contact-tab a{
		padding: 1em;
		display: block;
	}

	.menu-item{
		
	}

	.dropdown-content > *:not(:last-child) {
    	border-bottom: 1px solid #fff;
	}

	.menu-item::after{
		display: none;
	}

	.dropdown-content {
		width: 100%;
		position: relative;
		top: 0;
		box-shadow: none;
		background-color: #8E6791;
	}

	.dropdown-content a{
		color: #fff;
	}

    .btn-menu{
        display: block;
    }
	
	.contact-tab a{
		border-radius: 0;
	}
	
	/*BANNER*/
	
	#home-banner{
		background-image: url('../img/mockupmobile.jpg');
	}	

	.banner-inner{
		padding: 1em 2em;
		width: 100%;
	}
	
	#applications-banner{	
		height: auto;
		position: relative;
		background-image: url('../img/gradientM.png');
		background-position: center;
		background-size: cover;
	}
	
	#partners-banner{
		height: auto;
		position: relative;
		background-image: url('../img/gradientM.png');
		background-position: center;
		background-size: cover;
	}
	
	#about-banner{
		height: auto;
		position: relative;
		background-image: url('../img/gradientM.png');
		background-position: center;
		background-size: cover;
	}
	
	#contact-banner{
		height: auto;
		position: relative;
		background-image: url('../img/gradientM.png');
		background-position: center;
		background-size: cover;
	}
	
	.subbanner-inner{
		padding: 3em 2em;
		width: 100%;
		background-color: transparent;
	}
	
	#customized-telehealth-wrapper{
		flex-wrap: wrap;
	}
	
	#customized-telehealth-left, #customized-telehealth-right{
		width: 100%;
	}
	
	#customized-telehealth-right{
		order: 1;
	}
	
	#customized-telehealth-left{
		order: 2;
	}
	
	#launch, #partner{
		height: 400px;
	}
    
    .feature{
        width: 100%;
    }
	
	/*Column Sections*/
	
	.column-text-left{
		order: 2;
	}
	
	.col-title{
		font-size: 1rem;
	}
	
	/*Overview*/
        
    #contact{
        flex-wrap: wrap;
    }
    
    .contact-info{
        width: 100%;
        box-sizing: border-box;
    }
    
    .contact-form{
		margin-top: 1em;
		padding: 1em;
        width: 100%;
        box-sizing: border-box;
    }
    
    .input-wrapper{
        box-sizing: border-box;
    }
    
    .g-recaptcha iframe{
		transform: scale(0.75);
		transform-origin: 0 0;
    }
    
    .popup{
        width: 100%;
        top: 40%;
    }
	
	.three-column .col-img-medium img{
		height: 65px;
	}
	
	.col-desc{
		font-size: .9rem;
	}
	
	.section-inner-nopad, .wrapper-two-column{
		width: 100%;
	}
	
	.section-white{
		padding: 2em 0;
		width: 100%;
	}
	
	.two-column{
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
	}
	

	
	.column-img{
		width: 100%;
	}
	
	.two-column .column-img-tall{
		min-width: 100%;
	}
	
	.two-column .column-img{
		width: 100%;
	}
	
	.column-text-right, .column-text-left{
		width: 100%;
	}
	
	.two-column-transparent .column-img{
		margin: 0 auto;
		width: 70%;
	}
	
	.three-column{
		margin-top: 1em;
		flex-wrap: wrap;
	}
	
	.three-column .col{
		margin-bottom: 2em;
		width: 100%;
	}
	
	.col-img img{
		width: 100%;
	}
	
	.programs{
		flex-wrap: wrap;
	}
	
	.program{
		margin-bottom: 2em;
		width: 100%;
	}

	.program img{

	}
	
	.footer-top{
		flex-wrap: wrap;
		box-sizing: border-box;
	}
	
	.footer-logo{
		margin-bottom: 1em;
		width: 100%;
		display: flex;
		justify-content: center;
	}
	
	.footer-section{
		padding: .5em;
		box-sizing: border-box;
	}
	
}

@media only screen and (max-width: 800px){
	
	body{
		font-size: 1rem;
		min-width: 250px;
	}
	
	nav{
		top: 120px;
	}
	
	section{
		width: 100%;
		padding: 1em 0;
	}
	
	h2{
		font-size: 1.5rem;
	}
	
	h3{
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
	
	.button-light, .button-white, .button-reverse{
		font-size: .85rem;
	}
	
	#customized-telehealth-wrapper{
		width: 100%;
	}
	
	#partner{
		background-image: url('../img/partner/partnerm.png');
	}
	
	#launch{
		background-image: url('../img/overview/overviewm.png');
	}

	
    .banner-inner{
		padding: 1em;
        width: 100%;
        box-sizing: border-box;
    }
	
	.subbanner-inner{
		padding: 3em 1em;
	}
	
	.banner-title{
		font-size: 2rem;
	}
	
	#customized-telehealth-text{
		padding: 2em 1em;
	}
	
	.column-text-right, .column-text-left{
		padding: 1em;
	}
	
	.section-inner p{
		line-height: 1.25rem;
	}

	
	.quello-wrapper{
		width: 100%;
		height: auto;
	}
	
	.quello{
		margin: 0;
	}

	.x-wrapper{
		margin: .5em;
	}
	
	.four-column .col{
		width: 100%;
	}
	
	.feature-text{
		font-size: 1rem;
	} 
	
	.column-text{
		padding: 0;
	}
	
	
	.column-title{
		font-size: 1.25rem;
	}
	
	.banner-title{
		font-size: 1.5rem;
	}
	
	.column-p{
		font-size: .9rem;
	}
	
	.two-column-transparent{
		text-align: center;
	}
	
	.three-column .col-white, .three-column .col-blue {
		width: calc((100%/2) - .5em);
		margin-bottom: 1em;
	}
	
	.three-column .col-img img{
		height: 50px;
	}

	
	
	.col-title{
		font-size: .85rem;
	}
	
	.col-desc{
		font-size: .85rem;
	}
	
	
	.input-text, .textarea{
		font-size: 1rem;
	}
	
	.footer-top{
		padding: 1em;
	}
	
	.footer-section{
		width: 50%;
		text-align: center;
	}
	
	.footer-bottom-inner div{
		width: 100%;
		text-align: center;
	}
	
	.footer-text a{
		font-size: .90rem;
	}
    
}

@media only screen and (max-width: 500px){
	.three-column .col-white{
		width: 100%;
	}
}

@media only screen and (max-width: 400px){
	
	.footer-section{
		width: 100%;
	}
    
    
}