/* =============================================================================
   HTML5 CSS Reset
   ========================================================================== */

html,body {
	margin: 0;
	padding: 0;
  font-family: 'Cousine', monospace;
	background: #11111d;
	width:100%;
	height:100vh;
  overflow: hidden;
}

/* =============================================================================
   My CSS
   ========================================================================== */

/* ---- base ---- */
/*canvas{
  display:block;
  vertical-align:bottom;
}*/

/* ---- particles.js container ---- */
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  /*background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;*/
}

/* ---- General information on home page styling---- */


.mtext{
    color: #f9f3f4;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 100%;
    line-height: 0.4em;
}

h1{
    font-size: 50px;
    font-family: 'Cousine', monospace;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #17b06b;
  border-color: #17b06b;
  }

  .btn-shadow.btn-success:hover, .btn-shadow.btn-outline-success:hover {
    background-color: #17b06b;
}

span.sym{
  color: red;
  font-weight: 400;
}

/* ---- Media queries ---- */


@media screen and (max-width: 900px){
	 h1.headline-text{ font-size: 5.5rem; }
}

@media screen and (max-width: 768px){
	 h1.headline-text{ font-size: 3.5rem; }
}

@media screen and (max-width: 480px){
  html,body{ overflow: hidden; }
  .mtext { padding: 10px; top: 20%; bottom: -50%; }
	h1.headline-text{ font-size: 2.0rem; line-height: 2.5rem;}
  .mlinks a, .mlinks-2 a{ display: inline-block; width: 50%; line-height: 25px; margin-bottom: 20px;}
  .mlinks-2 a { margin-bottom: 25px; }
}