@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;600&display=swap');
  
b{ font-weight: 600; }
a{ text-decoration: none; color: white; }

body{
	margin:0; 
	padding: 0;
	
	font-size: 12pt;
	line-height: 12pt;
	background-color: #1d1817;
}

.wrapper{

	display:grid; 
	align-items: center; 
	justify-content: center;

	min-height: 100vh;
}

.logo-wrapper{

	display: block;

	width: 60vw;
	max-width: 720px;
	aspect-ratio: 2/1;

	background-color: white;

	margin-bottom: 60px;
	
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;

	-webkit-mask-image: url(cumlaude-logo.svg); 
	mask-image: url(cumlaude-logo.svg);

}

.content{

	font-family: 'Heebo', sans-serif;
	color: white;

	text-align: center;
	padding: 60px 30px;

	.phone{ br{ display: none; }}

}

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

	body{			
		font-size: 10.5pt;
		line-height: 13pt;
	}

	.logo-wrapper{
		width: 80vw;
		max-width: 450px;
		margin-bottom: 45px;
	}

	.content{
		.phone{ br{  }}
	}
}

@media screen and (min-width: 1921px) {

	body{			
		font-size: 14pt;
		line-height: 14pt;
	}
	
	.logo-wrapper{
		margin-bottom: 90px;
	}
}

@media screen and (max-height: 600px) {

	body{}
	
	.logo-wrapper{
		max-width: 300px;
		margin-bottom: 30px;
	}
	.content{
		.phone{ br{ display: block; }}
	}
}