@import "variables";
.page-404 {
	background: #F6F6F6;
	padding-left: 16px;
	padding-right: 16px;
	.media {
		max-width: 640px;
		margin: 0 auto;
		.media-left {
			padding-top: 120px;
			padding-right: 64px;
			@media (max-width: 767px){
				padding-top: 40px;
				padding-right: 24px;
			}
			img {
				display: block;
				width: 160px;
				@media (max-width: 767px){
					width: 100px;
				}
			}
		}
		.media-body {
			padding: 24px 0;
		}
	}
	.page-404__title {
		font-size: 42px;
		font-weight: bold;
		@media (max-width: 767px){
			font-size: 24px;
		}
	}
	.page-404__description {
		font-size: 22px;
		font-weight: bold;
		@media (max-width: 767px){
			font-size: 18px;
		}
	}
	.page-404__action {
		margin-top: 40px;
		font-size: 16px;
		font-weight: bold;
		color: $color_red;
		@media (max-width: 767px){
			margin-top: 24px;
			font-size: 14px;
		}
	}
}