/*Reset CSS Starts Here*/
* { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset { margin:0; padding:0; outline:none; font-weight:normal; border:0 }
form, fieldset { width:100% }
img { border:0; }
a { text-decoration:none; border:0; outline:0; }
.clear { clear:both;}
ul { list-style:none; }
a:focus, input:focus { outline:none; }
.nobg { background:transparent !important; }
.no-border{border:0px !important;}
/*reset css ends here*/
body{font-family: 'Poppins', sans-serif;}
.main-container{width:92%; max-width:660px; height:auto; margin:0 auto;}
.content-upper{width:92%; height:auto; padding:12px 2%; text-align:center; margin:200px 0 10px;}
.content-upper .logo{max-width:100%;}
.content-lower{width:100%; height:auto; padding:12px 0px; margin:0px 0 10px; text-align: center;}
.content-lower p {font-size: 0.9em; color: #fff; padding: 5px;}
.content-lower a {font-size: 1em;}
#info p {text-align: center; font:400 16px/20px 'Poppins', sans-serif;}

.gradient-background {
  background: linear-gradient(110deg,#824795,#ae3563,#d71f33);
  background-size: 360% 360%;
  animation: gradient-animation 5s ease infinite;
}

@keyframes gradient-animation {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}

.btn {
cursor: pointer;
border: transparent;
font-family: Lato;
font-size: 24px;
padding: 10px 30px;
transition: 3000ms;
width: 335px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
border-radius: 6px;
background: rgb(255, 255, 255);
font-weight: 100;
justify-content: center;
align-items: center;
flex-direction: row-reverse;
}

.btn a {color: #824795;font-family: 'Poppins', sans-serif;}

/* ============================= */
/* ! Layout for Mobile (Landscape) Version   */
/* ============================= */
@media handheld, only screen and (max-width: 767px) {
.quote{font-size:30px; line-height:40px;}
}