/* ---- reset ---- */ 
body{ 
  margin:0; 
  font:normal 100% Arial, Helvetica, sans-serif;
  font-size: 1.1rem;
  height: 100%;
  background-color: #ffffff; 
  background-image: url(""); 
  background-repeat: no-repeat; 
  background-size: cover;
  background-position: 50% 50%;
} 

html {
  height: 100%;
}

a, a:visited {
  color: #060606;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

#subscribe_outer {
  background: #26235C; 
  color: #ffffff;
  width: 80%;
  max-width: 600px;
  min-width: 400px;
  margin: 30px auto; 
  padding: 50px; 
  border-radius: 80px;
}

#logo {
   width: 330px; 
   margin: 30px auto;
}

#footer {
  text-align: center; 
  color: #000000; 
  font-size: 0.8rem;
  padding: 10px 20px;
}

/* ---- particles.js container ---- */ 
#particles-js canvas {
    display: block;
    vertical-align: bottom;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: opacity .8s ease, -webkit-transform 1.4s ease;
    transition: opacity .8s ease, transform 1.4s ease
}

#particles-js {
    width: 99%;
    height: 99%;
    position: absolute;
    z-index: -10;
    top: 0;
    left: 0;
}
  .mc-field-group label, .mc-field-group input { font-size: 1.3rem; }



/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

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

  body {
    font-size: 1.5rem;
  }
  .mc-field-group label, .mc-field-group input { font-size: 2.0rem; }
  input#mc-embedded-subscribe.button { font-size: 2.0rem; height: 64px }

  #particles-js canvas {
    display: none;
  }
  
  #particles-js {
    display: none;
  }
}