.conditions{
	margin: 9rem 0;
}

	.conditions-title h1{
		text-align: center;
		font-size: 3.6rem;
		font-family: "RobotoThin";
		font-weight: bold;
		margin: 3rem 0;
		color: var(--gray);
		letter-spacing: 0.1rem;
		user-select: none;
	}

	.conditions-body{
		width: 70%;
		margin: 1rem auto;
		padding: 3rem 0.6rem;
		background-color: var(--white);
		border-radius: 0.3rem;
		box-shadow: 0.3rem 0.3rem 0.3rem rgba(0 0 0 / 3%);
	}

		.conditions-article{
			margin: 2rem 0;
		}.conditions-article p, h4{
			width: 75%;
			margin: auto;
			font-family: "RobotoThin";
			letter-spacing: 0.1rem;
			line-height: 2.6rem;
		}.conditions-article > h4{
			font-size: 2.6rem;
			font-weight: bold;
			margin-bottom: 1rem;
			letter-spacing: 0.2rem;
		}.conditions-article > p{margin: 1rem auto; text-align: justify;}
		
@media screen and (max-width: 900px){
    .conditions-body{
        width: 80%;
    }
}

@media screen and (max-width: 630px){
    .conditions-body{
        width: 90%;
    }
    
    .conditions-title h1{font-size: 2.6rem;}
}

@media screen and (max-width: 500px){
    .conditions-body{
        width: 100%;
        padding: 3rem 0.6rem;
    }
}

@media screen and (max-width: 400px){
    .conditions-body p, .conditions-body h4{
        width: 100%;
        padding: 1rem 0.6rem;
    }
}