@charset "UTF-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Raleway:100,200,400");



/*body {

  font-family: "Raleway", sans-serif;

  height: 100vh;

  background: #333 url("showcase.jpg") no-repeat center center / cover;

  color: #ccc;

  overflow: hidden;

}*/



.container {

  display: flex;

  flex-direction: column;

  justify-content: center;

  height: 100%;

  padding: 0 3rem;
	
	box-shadow: transparent;

}



/*h1,

h2 {

  font-weight: 200;

  margin: 0.4rem;

  font-family: "Raleway", sans-serif;
  color: #054214;
  font-size: 3.5rem;
}
*/




type {
font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
font-size: 2.0rem;

 color: #0B22C8;
	  display: flex;

  flex-direction: column;

  justify-content: center;

  height: 100%;

  padding: 0 3rem;
 
box-shadow: transparent;	
}

h2 {

  font-size: 2rem;

  color: #054214;

}



/* Cursor */

.txt-type > .txt {

  border-right: 0.2rem solid rgba(55,121,19,1.00);

		
}


	

@media (min-width: 1200px) {

  h1 {

    font-size: 5rem;

  }

}



@media (max-width: 800px) {

  .container {

    padding: 0 1rem;

  }

  h1 {

    font-size: 3rem;

  }

}



@media (max-width: 500px) {

  h1 {

    font-size: 2.5rem;

  }

  h2 {

    font-size: 1.5rem;

  }

}