/****************************** Panel ******************************/

#panel .background-image {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 40vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

@media (min-width: 48em) {
	#panel .background-image {
		height: 380px;
	}
}

#panel .background-image.left {
	background-image: url(../img/b01.jpg);
}

#panel .background-image.right {
	background-color: #ffffff;
}


#panel .image-wrapper {
	width: 80px;
}

@media (min-width: 48em) {
	#panel .image-wrapper {
		width: 160px;
	}
}

#panel .image-wrapper img {
	max-width: initial;
	width: 100%;
}

#panel .item-wrapper {
	width: 400px;
}

#panel .item-wrapper .logo {
	width: 80px;
	margin: auto;
	margin-bottom: 2rem;
}

#panel .item-wrapper h4 {
	margin: 0;
	margin-bottom: 2rem;
	color: #333;
	font-size: 1.125rem;
	line-height: 1.5;
}

@media (min-width: 48em) {
	#panel .item-wrapper h4 {
		line-height: 1.75;
	}
}

#panel .item-wrapper .btn-navy {
	width: 150px;
	background-color: #002850;
	border-color: #b4f0dc;
	color: #b4f0dc;
}

@media (any-hover: hover) {
	#panel .item-wrapper .btn-navy:hover {
		background-color: #b4f0dc;
		border-color: #b4f0dc;
		color: #002850;
	}
}

/****************************** Panel End ******************************/