@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;500;700&display=swap');
html, body{
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	/*background:url('../images/patterns/1.png') repeat;*/
	font-family: 'Roboto', sans-serif;
	/*
	-webkit-box-shadow: inset 0px 0px 50px 5px #000000; 
	box-shadow: inset 0px 0px 50px 5px #000000;*/
	/*overflow-x: hidden;*/
}
#content{
	position:relative;
	display:block;
	/*min-height: 100vh;*/
	width:100vw;
	/*
	background-repeat: no-repeat !important;
	background-size: cover !important;
	*/
}

.textcloud{
	position:absolute;
	background:#FFF;
	padding: 42px 40px;
	font-size:1.8em;
	border-radius: 70px;
}

@media only screen and (max-width: 600px) {
	#content{
		width:100vw;
	}
	.textcloud{
		font-size:1.2em;
	}
}
@media only screen and (min-width: 600px) {
	#content{
		width:100vw;
	}
	.textcloud{
		font-size:1.4em;
	}
}

@media only screen and (min-width: 1000px) {
	#content{
		width:calc(100% - 250px);
		margin-left:250px;
	}
	.textcloud{
		font-size:1.8em;
	}
}
#intro{
	position:relative;
	display:block;
	margin:0;
	width:100%;
	min-height:65vh;
}