h1{
    color: #333; 
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: 200;
    line-height: 150%;  
}

h2{   
	color:white; 
	font-family: 'Montserrat', sans-serif;  
	font-size:23px; 
    font-weight: 400;
    line-height: 30px; 
    font-style: normal; 
} 



@media all and (min-width: 50px)   {  h3  { font-size:0.1em;  } }
@media all and (min-width: 100px)  {  h3  { font-size:0.15em;  } }
@media all and (min-width: 200px)  {  h3  { font-size:0.3em;  } }
@media all and (min-width: 300px)  {  h3  { font-size:0.35em;  } }
@media all and (min-width: 400px)  {  h3  { font-size:0.4em;  } }
@media all and (min-width: 500px)  {  h3  { font-size:0.45em;  } }
@media all and (min-width: 600px)  {  h3  { font-size:0.5em;  } }
@media all and (min-width: 700px)  {  h3  { font-size:0.55em;  } }
@media all and (min-width: 800px)  {  h3  { font-size:0.6em;  } }
@media all and (min-width: 900px)  {  h3  { font-size:0.65em;  } }
@media all and (min-width: 1000px) {  h3  { font-size:0.7em;  } }
@media all and (min-width: 1100px) {  h3  { font-size:0.75em;  } }
@media all and (min-width: 1200px) {  h3  { font-size:0.8em;  } }
@media all and (min-width: 1300px) {  h3  { font-size:0.938em;  } }
@media all and (min-width: 1400px) {  h3  { font-size:0.938em;  } }
@media all and (min-width: 1500px) {  h3  { font-size:0.938em;  } }
@media all and (min-width: 1500px) {  h3  { font-size:0.938em;  } }
@media all and (min-width: 1600px) {  h3  { font-size:0.938em;  } }
@media all and (min-width: 1700px) {  h3  { font-size:0.938em;  } }


@media all and (min-width: 50px)   {  p  { font-size:0.1em;  } }
@media all and (min-width: 100px)  {  p  { font-size:0.15em;  } }
@media all and (min-width: 200px)  {  p  { font-size:0.3em;  } }
@media all and (min-width: 300px)  {  p  { font-size:0.35em;  } }
@media all and (min-width: 400px)  {  p  { font-size:0.4em;  } }
@media all and (min-width: 500px)  {  p  { font-size:0.45em;  } }
@media all and (min-width: 600px)  {  p  { font-size:0.5em;  } }
@media all and (min-width: 700px)  {  p  { font-size:0.55em;  } }
@media all and (min-width: 800px)  {  p  { font-size:0.6em;  } }
@media all and (min-width: 900px)  {  p  { font-size:0.65em;  } }
@media all and (min-width: 1000px) {  p  { font-size:0.7em;  } }
@media all and (min-width: 1100px) {  p  { font-size:0.75em;  } }
@media all and (min-width: 1200px) {  p  { font-size:0.8em;  } }
@media all and (min-width: 1300px) {  p  { font-size:0.938em;  } }
@media all and (min-width: 1400px) {  p  { font-size:0.938em;  } }
@media all and (min-width: 1500px) {  p  { font-size:0.938em;  } }
@media all and (min-width: 1500px) {  p  { font-size:0.938em;  } }
@media all and (min-width: 1600px) {  p  { font-size:0.938em;  } }
@media all and (min-width: 1700px) {  p  { font-size:0.938em;  } }



h3 {
	color: #333;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;	
	font-weight: 300;
    line-height: 150%; 
}



h4 {
    color: #333;
	font-family: 'Montserrat', sans-serif; 
	font-size: 15px;	
	font-weight:400;
    line-height: 25px;
    font-stretch: expanded;
}

h5 {
    color: white;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;	
	font-weight: 300;
	text-align: center;  
}

h6 {
    color: #333;
    font-family: 'Montserrat', sans-serif;
	font-size: 13px;	
	font-weight: 400;  
}

h7{
    color: #333;
	font-family: 'Montserrat', sans-serif; 
	font-size: 20px;	
	font-weight:600;
    line-height: 25px;
    font-stretch: expanded;
}

h8 {
    color: #333;
	font-family: 'Montserrat', sans-serif; 
	font-size: 16px;	
	font-weight:400;
    line-height: 25px;
    font-stretch: expanded; 
}

h9 {
    color: white;
	font-family: 'Montserrat', sans-serif; 
	font-size: 16px;	
	font-weight: 400;
    line-height: 25px;
    font-stretch: expanded;  
}

h10{
    color: #333; 
	font-family: 'Montserrat', sans-serif;
	font-size:17px; 
    font-weight: 400;
    line-height: 35px; 
    font-style: normal; 
}

h11{
    color: white;
	font-family: 'Montserrat', sans-serif; 
	font-size: 20px;	
	font-weight:300;
    line-height: 25px;
    font-stretch: expanded;
}

h12{
     color: #333;
	 font-family: 'Montserrat', sans-serif;
     font-stretch: expanded;
     font-weight: 600;
     font-size: 14px;	
     line-height: 25px; 
}


p {
	 color: #333;
	 font-family: 'Montserrat', sans-serif;
     font-stretch: expanded;
     font-size: 14px;
     text-align: center;
     line-height: 170%; 
}




body,html{
        margin:0;
        padding:0;
        height: 100%;
        background-color: white;
    }   




#container0{
        position: relative;
        width: 100%; 
        margin-top: 8px;
        height: 670px;
        border-radius: 3px;
    
    background: #FF4949; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ff615f, #ff3333); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ff615f, #ff3333); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ff615f, #ff3333); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ff615f, #ff3333); /* Standard syntax */
    
    
}

#scrollTag1{
    width: 100%;
    display: inherit;
    position: relative;
    height: 0px;
}

#container1{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%; 
    margin-top: 0px;
    height: auto;
    background-color: white; 
}


#featuresContainer{
    position: relative;
    width: 100%;
    height: 750px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
}

#featuresCard{
    position: relative;
    box-shadow: 0 1px 4px 1px rgba(0,0,0,0.2);
    border-radius: 1px;
    width: 100%;
    height: 100%;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
}

.featuresTitle{
    width: 75%;
    height: 25px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 45px;
    position: relative;
    margin-bottom: 25px;
    
    color: #333;
     
	font-family: 'Montserrat', sans-serif; 
	font-size: 20px;	
	font-weight:600;
    line-height: 25px;
    font-stretch: expanded;
}


.featuresRow{
    position: relative;
    width: 90%;
    max-width: 900px;
    height: 600px;  
    margin-left:auto;
    margin-right:auto; 
}



.featuresIconCell{
    box-shadow: 0 0px 1px 0px rgba(0,0,0,0.2);
    border-radius: 3px;
    width: 30%;
    min-height: 265px;
    padding: 5px;
    position: relative;
    float: left;
    margin: 8px;
    overflow: hidden;
    text-align: center;
   
}

img.featureIcon{
    margin-top: 10px;
    width: 75px;
    height: 75px;
}


.downloadVectorBackground{
    margin-top: 10px;
    position: relative;
    width: 100%; 
    margin-bottom: 0px;
    background-color: #333;
}

.downloadVectorTextContainer{
    position: absolute;
    width: 26%;
    height: 160px;
    float: right;   
    margin-left: 25%;
    margin-top: 25%;
    
    color: white;
     
	font-family: 'Montserrat', sans-serif; 
	font-size: 20px;	
	font-weight:300;
    line-height: 25px;
    font-stretch: expanded;
}

.downloadVectorImg{
    position: relative;
    margin-top: 25px;
    margin-left: 0px;
    display: inherit;
}

.mobileDownloadVectorImg{
    display: none;
}

img.downloadVector{
    width:  100%;
    height: 100%;
    display: inherit;
}

img.downloadVectorMobile{
    display: none;
}

.card1Title{
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    position: relative;
    width: 80%;
    height: 55px;
    text-align: center;
    
    color: #333;
     
	font-family: 'Montserrat', sans-serif; 
	font-size: 20px;	
	font-weight:600;
    line-height: 25px;
    font-stretch: expanded;

}

.card1{
    box-shadow: 0 1px 4px 1px rgba(0,0,0,0.2);
    position: relative;
    transition: 0.3s;
    border-radius: 2px; /* 2px rounded corners */
    height: auto;
    width: 100%;
    background-color: white;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}


.card1Row0{
    width: 85%;
    max-width: 900px;
    height: 100%;  
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    position: relative;
}

.card1Break{
    margin-left: auto;
    margin-right: auto;
    width: 35%;
    height: 45px;
    padding-bottom: 15px;
    position: relative;
    text-align: center;
}
img.dotsIcon{
    height: 7px;
    position: relative;
    margin-top: 25px;
}

.card2IconImg1{
    margin-top: 20px;
    width: 100%;
    height: 85px;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
}


img.featurePrivacy{
    margin-top: 15px;
    width: 75px;
    height: 75px;
}


img.mFeaturePrivacy{
    margin-bottom: 15px;
    width: 65px;
    height: 65px;
}

#card2{
    top: 25%;
    right: 50%;
    left: 50%;
    box-shadow: 0 20px 40px 10px rgba(0,0,0,0.3);
    transition: 0.3s;
    border-radius: 5px; /* 2px rounded corners */
    height: 350px;
    width: 100%;
    max-width: 290px;
    background-color: white;
    position: absolute;
    float: right;
}
.cardContainer2{
    width: auto;
    height: 200px;
    text-align: center;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 20px;
    position: relative;
}

#centreContent {
    text-align: center;
    position: relative;
    width: auto;
    max-width: 920px;
    padding-left: 35px;
    padding-right: 35px;
    margin-left:auto;
    margin-right:auto;
    height: 670px;
}

#backgroundContainer{
    margin-top: 0px;
    width: 100%;
    height: auto;
    position: relative;
}
img.background{
    height: 50%;
    width: 100%;
    display: inherit;
}

img.backgroundMobile{
    display: none;
}

/*Index Phone Image*/
#imgContainer {
    padding-top: 50px;
    height: 600px; 
    position: relative;
    display: inline-block;
    width: 50%;
    min-width: 250px;
    float: left; 
}
#downloadContainer {
    float: left;
    width: 50%;
    max-width: 450px;
    margin-top: 150px;
    overflow: visible;
    position: relative;
    text-align: center; 
    margin-left: auto;
    margin-right: auto;
}

#downloadTextContainer {
    margin-bottom: 30px;
    min-width: 200px;
    position: relative;
    overflow: visible;
    text-align: left;
    overflow-wrap: break-word;
    
    color:white; 
	font-family: 'Montserrat', sans-serif;
     
	font-size:23px; 
    font-weight: 400;
    line-height: 30px; 
    font-style: normal; 
}

#downloadTextContainer2 {
    margin-bottom: 30px;
    min-width: 200px;
    position: relative;
    overflow: visible;
    overflow-wrap: break-word;
    color: white;
	font-family: 'Montserrat', sans-serif; 
	font-size: 16px;	
	font-weight: 400;
    line-height: 25px;
    font-stretch: expanded;
	text-align: left; 
}

#badgeContainer{
    width: 100%;
    height: 75px;
    float: left;
    margin-left: 0px;    
}

img.phoneVector {
    width: 100%;
    max-width: 305px;
    max-height: 600px;
    margin-left: 5%;
}

img.iosDownload {
    width: 160px;
    height: 45px;
    padding-top: 10px;
    padding-left: 0%;
    float: left;
}

.footerMain{
    width: 100%;
    height: 210px;   
    background-color: #333;
    position: relative;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.footerContainer{
    position: relative;
    margin: auto;
    width: 350px;
    height: 170px;
}

a.footerBtn{
    text-align: center;
    padding-top: 20px;
    height: 30px;
    width: 100px;
    align-content: center;
    display: inline-block;
    
    color: white;
     
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;	
	font-weight: 300;
	text-align: center; 
}

.col1{
    float: left;
    height: 150px;
    width: 150px;
    padding: 5px;
}
.col2{
    float: left;
    height: 150px;
    width: 150px;    
    padding: 5px;
}




img.sAndPlus{
    left: 50%; 
    padding-bottom: 75px;
    padding-top: 50px;    
    max-width: 993px; 
    max-height: 669px; 
    
    display: block;
    width: 100%;
    height: auto;
}


a {
    text-decoration: none;
}


.NavBar{
    width: 100%;
    min-width: 750px;
	height: 80px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    padding-left: 25px;
    margin: 6px;
}

a.titleNavBarBtn {
    display: inline-block;
    margin-top: 30px;
    height: 30px;
    text-align: left;
    float: left;
    width: 210px;
    
    color: #333;
	font-family: 'Montserrat', sans-serif; 
	font-size: 16px;	
	font-weight:400;
    line-height: 25px;
    font-stretch: expanded;
}

a.downloadNavBarBtn {
    text-align: center;
    height: 20px;
    padding-top: 30px;
    width: 130px;
    position: relative;
    display: inherit;
    
    
    color: #333;
    font-family: 'Montserrat', sans-serif;
	font-size: 13px;	
	font-weight: 400;
}
a.howNavBarBtn {
    text-align: center;
    height: 20px;
    padding-top: 30px;
    width: 130px;
    position: relative;
    display: inherit;
    
    color: #333;
      
    font-family: 'Montserrat', sans-serif;
	font-size: 13px;	
	font-weight: 400;
}
a.featuresNavBarBtn {
    text-align: center;
    height: 20px;
    padding-top: 30px;
    width: 100px;
    position: relative;
    display: inherit;
    
    color: #333;
      
    font-family: 'Montserrat', sans-serif;
	font-size: 13px;	
	font-weight: 400;
}
a.supportNavBarBtn {
    text-align: center;
    height: 20px;
    padding-top: 30px;
    width: 100px;
    position: relative;
    display: inherit;
    
    color: #333;
      
    font-family: 'Montserrat', sans-serif;
	font-size: 13px;	
	font-weight: 400; 
}

.appIconHolder{
    display: inline-block;
    position: relative;
    height: 100%;
    width: 55px;
    float: left;
}

.mAppIconHolder{
    display: inline-block;
    position: relative;
    height: 100%;
    width: 65px;
    padding-left: 3%;
    float: left;
}

img.appIconBar{
    display: inline-block;
    position: relative;
    margin-top: 22px;
    height: 40px;
    width: 40px;
}


.downloadTextWrap {
    float: right;
    height: 80px;
    width: 130px;
}

.downloadTextWrap:hover{
   float: right;
   height: 78px;
   width: 130px;
   border-bottom: 2px solid #ff3333; 
   border-radius: 1px;
}

.howTextWrap {
    float: right;
    height: 80px;
    width: 130px;
    display: inline-block;
}

.howTextWrap:hover{
   float: right;
   height: 78px;
   width: 130px;
   border-bottom: 2px solid #ff3333; 
   border-radius: 1px;
}

.homeTextWrap {
    float: right;
    height: 80px;
    width: 100px;
    display: inline-block;
}

.homeTextWrap:hover{
   float: right;
   height: 78px;
   width: 100px;
   border-bottom: 2px solid #ff3333; 
   border-radius: 1px;
}

.supportTextWrap {
    float: right;
    height: 80px;
    width: 100px;
    margin-right: 35px;
    /*border-bottom: 2px solid; 
    border-radius: 1px;
    border-bottom-color: .ff6a00;*/
}

.supportTextWrap:hover{
   float: right;
   height: 78px;
   width: 100px;
   margin-right: 35px;
   border-bottom: 2px solid #ff3333; 
   border-radius: 1px;
}


.featuresTextWrap {
    float: right;
    height: 80px;
    width: 100px;
}

.featuresTextWrap:hover{
   float: right;
   height: 78px;
   width: 100px;
   border-bottom: 2px solid #ff3333; 
   border-radius: 1px;
}



/******* SUPPORT PAGE *******/

body{
    margin: 0;
    padding: 0px;
    padding-bottom: 210px;
    height: 100%;
    background-color: white;
}

.supportFooter{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 210px;   
    overflow: hidden;
    background-color: #333;
}

.supportContainer{
    width: 98%;
    height: 500px;
    display: inherit;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}




.supportCard1Title{
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    position: relative;
    width: 80%;
    height: 55px;
    text-align: center;
}

.supportCard1{
    box-shadow: 0 1px 4px 1px rgba(0,0,0,0.2);
    position: relative;
    transition: 0.3s;
    border-radius: 2px; /* 2px rounded corners */
    height: 500px;
    width: 100%;
    background-color: white;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.supportTitle{
    width: 75%;
    height: 25px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 45px;
    position: relative;
    margin-bottom: 25px;
}


/******* /SUPPORT PAGE *******/


.mNavBar,.mH8,.mNavBar,.mTitleNavBarBtn,img.mNavOverflowImg,#mDropMenu,.mDropMenuCell,.mDropMenuTitle,.mDropMenuDetail,img.mDropArrowImg,#mContainer0, #mCentreContent, #mImgContainer,img.mPhoneVector,#mDownloadContainer,.mDownloadTextContainer,.mBadgeContainer,.mIosDownload,#mFeaturesContainer,#mFeaturesCard,.mFeaturesTitle, .mFeaturesRow,.mFeaturesIconLeftCell, .mFeaturesIconRightCell, .mFeaturesIcon, #mCard2, .mFooterMain, #mDropMenu{
    display: none;
}


     
/*---------------------------------------------------------MOBILE---------------------------------------------*/
@media screen and (max-width: 885px) { 
   
    body,html{
        margin:0;
        padding:0;
        height: 100%;
        background-color: white;
    }       
    
    .NavBar,#container0,.footerMain, #mFeaturesContainer, #mFeaturesCard, .mFeaturesTitle,.mFeaturesCol, .mFeaturesIconCell, .mFeatureIcon, #card2, .DropMenu, .supportFooter{
        display: none;
    }
    
    mH8 {
        color: #333;
         
	    font-family: 'Montserrat', sans-serif; 
	    font-size: 14px;	
	    font-weight:400;
        line-height: 25px;
        font-stretch: expanded; 
        display: flex;
    }
    
    h11{
        color: white;
         
        font-family: 'Montserrat', sans-serif; 
        font-size: 16px;	
        font-weight:300;
        line-height: 25px;
        font-stretch: expanded;
    }
    
    .mNavBar{
        visibility: visible;
        display: flex;
        width: 98%;
        background-color: white;
	    height: 80px;
        position: relative;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
        transition: 0.3s;
        margin-left: auto;
        margin-right: auto;
        margin-top: 7px;
    }
    
    a.mTitleNavBarBtn{
        position: relative;
        margin-left: 5px;
        height: 20px;
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: left;
        float: left;
        width: 85%;
        display: inherit;
        
        color: #333;
         
	    font-family: 'Montserrat', sans-serif; 
	    font-size: 14px;	
	    font-weight:400;
        line-height: 25px;
        font-stretch: expanded; 
        display: flex;
    }
    
    
    img.mNavOverflowImg{
        float: right;
        width: 18px;
        height:10px;
        padding: 1px;
        position: relative;
        margin-top: 35px;
        margin-right: 25px;
        margin-left: 25px;
        margin-bottom: 35px;  
        display: inherit;
        padding-right: 35px;
    }
    
    img.mDownArrow {        
        float: right;
        width: 18px;
        height: 18px;
        padding: 1px;
        position: relative;
        margin-top: 35px;
        margin-right: 25px;
        margin-left: 25px;
        margin-bottom: 35px;  
        display: inherit;
        padding-right: 35px;
    }
    
    #mDropMenu{
        width: 96%;
        height: 225px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        display: none;
        
    }
    
    .mMenuDropDown{
        float: right;

    }
    
    a.mDropMenuCell{
        width: 100%;
        position: relative;
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);      
        transition: 0.3s;
        height: 55px;
        display: block;
        position: relative;
    }

    
    a.mDropMenuCell:hover .mDropMenuTitle{
        color: #333;
         
	    font-family: 'Montserrat', sans-serif; 
	    font-size: 14px;	
	    font-weight:700;
        line-height: 25px;
        font-stretch: expanded; 
        display: flex; 
    }
    
    a.mDropMenuCell:hover img.mDropArrowImg{
         margin-top: auto;
         margin-right: auto;
         width: 20px;
         height: 20px;
         margin-top: 17px;
         margin-bottom: 16px;
         margin-right: 17px;
         display: inherit;
         float: right;
    }
    
    .mDropMenuTitle{
        height: 25px;
        width: 100px;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: 10px;
        text-align: left;
        float: left;
        position: relative;
        display: inherit;
        
        color: #333;
         
	    font-family: 'Montserrat', sans-serif; 
	    font-size: 14px;	
	    font-weight:400;
        line-height: 25px;
        font-stretch: expanded; 
        display: flex;
    }
    
    .mDropMenuDetail{
        float: right;
        height: 100%;
        position: relative;
        display: inherit;
        
    }
    
    img.mDropArrowImg{
        margin-top: auto;
        margin-right: auto;
        width: 18px;
        height: 18px;
        margin-top: 18px;
        margin-bottom: 18px;
        margin-right: 18px;
        display: inherit;
    }
    
    #mContainer0{
        position: relative;
        width: auto; 
        height: 1000px;
        border-radius: 3px;
        margin-top: 5px;
    
        background: #FF4949; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#ff615f, #ff3333); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#ff615f, #ff3333); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#ff615f, #ff3333); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#ff615f, #ff3333); /* Standard syntax */
        display: inherit;
    }
    
    #mCentreContent{
        text-align: center;
        position: relative;
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
        margin-left:auto;
        margin-right:auto;
        height: 100%;
        display: inherit;
    }
    #mImgContainer{
        height: 700px; 
        position: relative;
        width: 100%;
        display: inherit;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }
    img.mPhoneVector{
        width: 100%;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        display: inherit;
        max-width: 285px;
        max-height: 580px;
    }
    #mDownloadContainer{
        width: 100%;
        padding-top: 35px;    
        position: relative;
        text-align: center;    
        display: inherit;
        margin-left: auto;
        margin-right: auto;
        
    }
    .mDownloadTextContainer{
        padding-top: 15px;
        position: relative;
        overflow: visible;
        text-align: center;
        overflow-wrap: break-word;
        display: inherit;
        color:white; 
        font-family: 'Montserrat', sans-serif;
        font-size:23px; 
        font-weight: 400;
        line-height: 30px; 
        font-style: normal; 
        margin-left: auto;
        margin-right: auto;
    }
    
    .mDownloadTextContainer2{
            padding-top: 15px;
            position: relative;
            overflow: visible;
            overflow-wrap: break-word;
            display: inherit;
            color: white;
            font-family: 'Montserrat', sans-serif; 
            font-size: 16px;	
            font-weight: 400;
            line-height: 25px;
            font-stretch: expanded;
            text-align: center; 
    }
    .mBadgeContainer{
        width: 100%;
        height: 180px;
        float: left; 
        display: inherit;
    }
    img.mIosDownload{
        max-height: 55px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        display: inherit;
        position: relative;
        margin-top: 62.5px;
        margin-bottom: 32.5px;
    }  
    
    
    #featuresContainer{
        position: relative;
        width: 98%;
        height: 1050px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 8px;
    }

    #featuresCard{
        position: relative;
        box-shadow: 0 1px 4px 1px rgba(0,0,0,0.2);
        border-radius: 2px;
        width: 100%;
        height: 100%;
        margin-top: 8px;
        margin-left: auto;
        margin-right: auto;
    }

    .featuresTitle{
        width: 75%;
        height: 25px;
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 45px;
        position: relative;
        margin-bottom: 25px;
    }


    .featuresRow{
        position: relative;
        width: 85%;
        height: 600px;  
        margin-left:auto;
        margin-right:auto; 
        display: inherit;
        text-align: center;
        margin:0px;
        margin-left: auto;
        margin-right: auto;
        padding:0px;
    }

    
    .featureCellContainer{
        width: 50%;
        height: 275px;
        float: left;
        margin-bottom: 25px;
    }
    
    .featuresIconCell{
        box-shadow: 0 0px 1px 0px rgba(0,0,0,0.2);
        border-radius: 1px;
        display: inherit;
        width: auto;
        height: 100%;
        position: relative;
        overflow: visible;
        
    }

    img.featureIcon{
        margin-top: 10px;
        max-width: 65px;
        max-height: 65px;
        min-width: 45px;
        min-height: 45px;
        margin-left: auto;
        margin-right: auto;
    }

    .card2IconImg1{
        margin-top: 20px;
        width: 100%;
        height: 85px;
        margin-left:auto;
        margin-right:auto;
        text-align: center;
    }
    
    .mCard2IconImg1{
        margin-top: 20px;
        width: 100%;
        height: 65px;
        margin-left:auto;
        margin-right:auto;
        text-align: center;
    }
    
    


    img.featurePrivacy{
        margin-top: 15px;
        width: 75px;
        height: 75px;
    }

    #pContainer{
        height: auto;
        width: 100%;
        position: relative;
    }
    
    #backgroundContainer{
        padding: 0px;
        margin: 0px;
        width: 100%;
        height: 700px;
        position: relative;
        overflow: hidden;
    }
    
    img.background{
        display: none;
    }
    
    img.backgroundMobile{
        height: 100%;
        min-width: 750px;
        padding: 0px;
        margin: 0px;     
        overflow: hidden;
        display: inherit;
    }
    
    #mCard2{
        top: 50%;
        width: 90%;
        left: 5%;
        right: 5%;
        height: auto;
        box-shadow: 0 20px 40px 10px rgba(0,0,0,0.3);
        transition: 0.3s;
        border-radius: 2px; /* 2px rounded corners */
        background-color: white;
        position: absolute;
        display: inherit
    }
    .cardContainer2{
        width: auto;
        height: auto;
        text-align: center;
        margin-left: 25px;
        margin-right: 25px;
        margin-top: 20px;
        margin-bottom: 25px;
        position: relative;
    }

    .centreContent {
        text-align: center;
        position: relative;
        width: 100%;
        max-width: 920px;
        padding-left: 35px;
        padding-right: 35px;
        margin-left:auto;
        margin-right:auto;
        height: 670px;
    }

    
    #container1{
        position: relative;
        margin-left: auto;
        margin-right: auto;
        width: 98%; 
        margin-top: 0px;
        height: auto;
        background-color: white;     
    }

    .card1Title{
        margin-left: auto;
        margin-right: auto;
        padding-top: 30px;
        position: relative;
        width: 80%;
        height: 55px;
        text-align: center;

    }

    .card1{
        box-shadow: 0 1px 4px 1px rgba(0,0,0,0.2);
        position: relative;
        transition: 0.3s;
        border-radius: 2px; /* 2px rounded corners */
        height: auto;
        width: 100%;
        background-color: white;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
    }


    .card1Row0{
        width: 85%;
        max-width: 900px;
        height: 100%;  
        text-align: center;
        margin-left:auto;
        margin-right:auto;
        position: relative;
    }

   .card1Break{
        margin-left: auto;
        margin-right: auto;
        width: 35%;
        height: 45px;
        padding-bottom: 15px;
        position: relative;
        text-align: center;
    }   
    img.dotsIcon{
        height: 7px;
        position: relative;
        margin-top: 25px;
    }
    
    .downloadVectorBackground{
        margin-top: 10px;
        position: relative;
        width: 100%; 
        margin-bottom: 0px;
        background-color: #333;   
    }
    
    .downloadVectorTextContainer{
        position: absolute;
        width: 45%;
        height: 160px;
        float: right;   
        margin-left: 5%;
        margin-top: 10%;
        
        color: white;
         
        font-family: 'Montserrat', sans-serif; 
        font-size: 16px;	
        font-weight:300;
        line-height: 25px;
        font-stretch: expanded;
    }
    
    .downloadVectorImg{
        display: none;
    }

    .mobileDownloadVectorImg{
        position: relative;
        margin-top: 5%;
        margin-left: 0px;
        display: inherit;
    }
    
    img.downloadVector{
         display: none;
    }

    img.downloadVectorMobile{
        width:  100%;
        height: 100%;
        display: inherit;
    }

    .mFooterMain{
        width: 100%;
        height: 350px;   
        background-color: #333;
        position: relative;
        margin-bottom: 0px;
        display: inherit;
        position: relative;
        
    }
    
    .mFooterContainer{
        position: relative;
        margin: auto;
        width: 100%;
        height: 100%;
        display: inherit;
        margin-left: auto;
        margin-right: auto;
    }

    a.mFooterBtn{
        text-align: center;
        height: 30px;
        padding-top: 15px;
        width: 100%;
        display: inline-block;
        margin-top: auto;
        margin-bottom: auto;
        
        color: white;
         
        font-family: 'Montserrat', sans-serif;
        font-size: 12px;	
        font-weight: 300;
        text-align: center;
    }
    
    a.mFooterBtn:hover {
        color: white;
         
        font-family: 'Montserrat', sans-serif;
        font-size: 12px;	
        font-weight: 700;
        text-align: center;
    }
    
    
    .mSupportFooter{
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 350px;   
        overflow: hidden;
        background-color: #333;
    }

    .col1{
        float: left;
        height: 100%;
        width: 100%;
        padding: 5px;
        display: inherit;
    }
    
     
    li.press {
        padding: 10px;
        padding-bottom: 25px;
        list-style-type: none;  
        height: 35px;
        width: 330px;
        vertical-align: center;
        display: inline-block;
    }
    
    li.terms{
        padding: 10px;
        padding-bottom: 25px;
        list-style-type: none;  
        height: 35px;
        width: 330px;
        vertical-align: center;
        display: inline-block;
    }
    
    
    /*****  MOBILE SUPPPORT  *****/
        
    
    
    /***** CLOSE MOBILE SUPPPORT *****/
}

@media screen and (max-width: 450px) {

    .NavBar, #container0,.footerMain, #featuresContainer, #featuresCard,.featuresRow, .featureCellContainer, .featuresIconCell, .featureIcon, #card2, #mDropMenu {
        display: none;
    }
    
    #scrollTag1{
        width: 100%;
        display: inherit;
        position: relative;
        height: 0px;
    }
    
    #mFeaturesContainer{
        position: relative;
        width: 96%;
        height: 1410px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 8px;
        display: inherit;
    }
    
    #mFeaturesCard{
        position: relative;
        box-shadow: 0 1px 4px 1px rgba(0,0,0,0.2);
        border-radius: 2px;
        width: 100%;
        height: 100%;
        margin-top: 8px;
        margin-left: auto;
        margin-right: auto;   
        display: inherit;
    }
    
    .mFeaturesTitle{
        width: 75%;
        height: 20px;
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 35px;
        position: relative;
        margin-bottom: 25px;
        display: inherit;
    }
    
    .mFeaturesCol{
        position: relative;
        width: 100%;
        max-width: 900px;
        height: 100%;  
        margin-left:auto;
        margin-right:auto; 
        display: inherit;
        
    }
    

    
    .mFeaturesIconCell{
        box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.1);
        border-radius: 1px;
        margin-top: 8px;
        width: 80%;
        margin-left: 5%;
        margin-right: 5%;
        height: 210px;
        position: relative;
        float: left;        
        display: inherit;
        padding-left: 5%;
        padding-right: 5%;
        text-align: center;
    }
    
    img.mFeatureIcon{
        margin-top: 10px;
        width: 50px;
        height: 50px;
        display: inherit;
        margin-bottom: 10px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    
    img.mFeaturePrivacy{
        margin-top: 15px;
        width: 50px;
        height: 50px;
    }
    
    .mDropMenuDetail{
        float: right;
        height: 100%;
        position: relative;
        display: inherit;
        
    }

    
    

}