@charset "UTF-8";
/* CSS Document */

border{
	margin:0;
	padding:0;
	box-sizing: border-box;
	font-family: english-grotesque, sans-serif;
	font-size:16px;
	font-weight: 300;
	color:#262F38;
}

#container{
	display: flex;
	width: 80%;
	margin: auto;
}

.box-1, .box-2, .box-3{
	width:30%;
	margin-top: 50px;
	margin-bottom: 50px;
}
.box-1, .box-2{
	margin-right:8%;
}

li{
	font-size: 24px;
	line-height: 35px;
	letter-spacing: 3px;
}
.nostyle{
	list-style: none;
}

@media screen and (max-width: 1700px){
li{
	font-size: 20px;
	line-height: 26px;
	}
}
@media screen and (max-width: 1366px){
li {
	font-size: 18px;
	line-height: 23px;
	}

}
@media screen and (max-width: 1280px){
#container{
	width:90%;
	}
.box-1, .box-2{
	margin-right:5%;
}
li{
	font-size: 18px;
	line-height: 23px;
}
}
@media screen and (max-width: 1024px){
#container{
	width: 90%;
	flex-direction: column;
	margin: 30px auto 30px;
	}
	.box-1, .box-2, .box-3{
	width:100%;
	margin: 0 auto 0;
	}
li{
	font-size: 18px;
	line-height: 23px;
}
}
@media screen and (max-width: 800px){

li {
	font-size: 16px;
	line-height: 21px;
	}
}
@media screen and (max-width: 768px){
#container{
	width: 70%;
	}
}
@media screen and (max-width: 500px){
#container{
		width: 80%;
	}
	li{
		font-size: 16px;
		line-height: 21px;
	}	
}
@media screen and (max-width: 375px){
	#container{
		width:90%;
	}
	li{
		font-size: 16px;
		line-height: 21px;
	}
}