#body{
	padding: 30px 3%;
}

#body h1{
	padding:10px;
	font-size: 1.5rem;
}

#body h2{
	margin:0 0 20px 0;
	font-size: 1.2rem;
}

.markcolor li{
    list-style-type: disc;
}
.markcolor li::marker {
    color:#106698;
}

.marker-y {
	background:linear-gradient(transparent 75%, #edde7b 75%);
	font-weight:bold; 
}

.content{
	padding:0 0 40px 0;
}

.content p{
	text-indent: 1rem;
}

.img_text{
	display: flex;
	flex-flow: row wrap;
}

.text_img{
	display: flex;
	flex-flow: row no-wrap;
}

.tbox{
	flex-basis:55%;
	padding:0 20px;
}

.ibox{
	flex-basis:45%;
	display: flex;
	flex-flow: column wrap;
	justify-content:center;
}

.imgbox{
	display: flex;
	flex-flow: column;
	padding: 10px;
	text-align: center;
}

.imgbox img{
	margin:5px;
	width:100%;
	max-height: 200px;
	object-fit: cover;
	border-radius: 20px;
	box-shadow: 0 3px 20px rgb(0 0 0 / 10%);
}
.imgbox span{
	display: block;
}

.category{
	position: relative;
    margin-top: 70px;
    width: 100%;
    height: 35vh;
    overflow: hidden;
    align-items: center;
    background-color: #106698;
    display: inline-block;
}
.category-img {
	height: 100%;
	position: relative;
}
.category-img img {
    width: 100%;
    object-fit: cover;
    height: 35vh;
    display: block;
}
.category-img p {
    text-align: center;
    font-weight: bold;
    text-shadow: 0 0 0.2em rgba(0,0,0,1);
    font-size: 3rem;
    letter-spacing: 0.1em;
    color: #fff;
    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}