body{
	background-image: url('../img/bg.jpg');
	background-repeat: no-repeat;
	background-size:100%;
}

/*@media screen and (min-width: 801px) {*/
	.main{
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 150px;
	}
	.main .docbox{
		    display: flex;
	    flex-wrap: wrap;
	    align-items: center;
	    justify-content: center;
	    gap: 30px;
	}
	.main .doc{
		display: inline-block;
		padding: 20px;
		background-color: #fff;
		width: 40%;
		text-align: center;

	}
	.main .doc:hover,.main .doc.checked{
		color: #62a4ff;
	}
	

/*}*/

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


}

@media screen and (max-width: 800px) {
	.main{
		margin-top: 40px;
	}
	.main .doc{
		width: 80%;
		box-shadow: 4px 6px 8px #eaf0fe;
	}
}