@import url('https://fonts.googleapis.com/css?family=Raleway:200,100,400');

body{
	font-family: 'Raleway', sans-serif;
	height: 100vh;
	background: no-repeat center center / cover;
	background-image: url("https://www.ontariosystems.com/wp-content/uploads/2018/08/twitter_AI-in-Receivables.jpg");
	color: #ccc;
	overflow:hidden;
}

.container{
	display:flex;
	flex-direction:column;
	justify-content: center;
	height:100%;
	padding: 0 3rem;
	
}

h1,h2{
	font-weight: 200;
	margin: 0.4rem;
}

h1{
	font-size: 4.5rem;
	font-weight: bold;
	color: white;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;

}

h2{
	font-size: 3rem;
	font-weight: bold;
	color: white;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;

}

.txt-type > .txt {
	border-right: 0.2rem solid #777;
}

@media(min-width: 1200px){
	h1{
		font-size: 5rem;
	}
}
@media(min-width: 800px){
	.container{
		padding: 0 1rem;
	}
	h1{
		font-size: 3rem;
	}
}
@media(max-width: 500px){
	h1{
		font-size: 2.5rem;
	}
	h2{
		font-size: 1.5rem;
	}
}