body {
	font-family: 'Cabin', sans-serif;
	font-size: 15px; line-height: 27px;
	color:#fff;
/*	background: rgb(140,22,254);*/
	background: rgb(140,22,254);
    background: linear-gradient(321deg, rgba(140,22,254,1) 0%, rgba(110,74,242,1) 35%, rgba(69,144,227,1) 100%); 
	margin: 0;
	padding: 0;
	font-weight: 400;
	display: flex;
	min-height: 100%;
	flex-direction: column;
}

html {
    height: 100%;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6, ul, ol, li, input, select, textarea {
  padding: 0; 
/*font-family: 'Playfair Display', serif;*/
  margin: 0;
}

div{padding: 0; font-family: 'Cabin', sans-serif;}

p {
  padding: 0; font-family: 'Cabin', sans-serif;
  margin: 0 0 17px 0;
}

form, div {
  padding: 0;
  margin: 0
}


img {
  border: none;
  max-width: 100%;
  height: auto
}
.clear {
  margin: 0;
  padding: 0;
  clear: both
}
.after:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden
}
a {color: #d42c3d;
  text-decoration: none;
  padding: 0;
  margin: 0;
  outline: none;
  transition: all 0.3s;
  transition: all 500ms ease-in-out
}
a:hover {
  text-decoration: none
}

button{transition: all 0.3s;
  transition: all 500ms ease-in-out;}
img {
  max-width: 100%;
}


.wrapper_sm{
	max-width:1140px; width: 100%;
	margin: 0 auto;
}

.wrapper{
	max-width:570px; width: 100%;
	margin: 0 auto; padding: 0 15px; box-sizing: border-box;
}

.topBar{padding-top: 15px; padding-bottom: 5px; width: 100%; display: inline-block; margin-bottom: 35px;}
.topBar button{background: rgb(249,249,251);
background: linear-gradient(0deg, rgba(249,249,251,1) 0%, rgba(214,214,217,1) 26%, rgba(255,255,255,1) 100%); font-size: 15px; border-radius: 50px; padding: 6px 15px; float: right; border: none;
	color: #4988e5; font-weight: 500; cursor: pointer;}

.welcomeText{margin-bottom: 20px; width: 100%; display: inline-block; text-align: center;}
.welcomeText h2{font-size: 28px; color: #fff; margin-bottom: 10px;}

.welcomeText p{font-size: 15px; color: #fff; margin-bottom: 10px;}

.buttonArea{width: 100%; display: block; text-align: center;}
.buttonArea button.download{background: rgb(255,126,0);
background: linear-gradient(0deg, rgba(255,126,0,1) 0%, rgba(255,153,54,1) 26%, rgba(255,126,0,1) 100%); font-size: 15px; border-radius: 50px; padding: 6px 30px; border: none;
	color: #fff; font-weight: 600; cursor: pointer; margin: 0 15px;}

.buttonArea button.whatsApp{background: rgb(255,126,0);
background: linear-gradient(0deg, rgba(255,126,0,1) 0%, rgba(255,153,54,1) 26%, rgba(255,126,0,1) 100%); font-size: 15px; border-radius: 50px; padding: 6px 30px; border: none;
	color: #fff; font-weight: 600; cursor: pointer; margin: 0 15px;}

.bottomLogo{margin-top: 55px; text-align: center; width: 100%; width: 100%;}