@media(max-width: 991px) {
	
}

@media(min-width: 992px) {
	.diy-conten .site-content{
		padding-top: 17.2rem !important;
	}
	.media-block__image img {
	    max-width: 100%;
	    margin-left: 0%;
	}
	.generic-content h1, .generic-content h2, .generic-content h3, .generic-content h4, .generic-content h5, .generic-content h6 {
	    color: #10384d;
	}
	.media-block h1, .media-block h2, .media-block h3, .media-block h4, .media-block h5, .media-block h6 {
	    color: #10384d;
	}
	.media-block--blue {
	    background: #10384d;
	}
	.generic-content--blue {
		background: #10384d;
	}
	.generic-content .intro {
	    padding-top: 0rem;
	}
	.media-block p a, .media-block a {
	    font-weight: 600;
	    /*color: #10384d;*/
	    border-bottom: none;
	    padding-bottom: 2px;
	}
	.media-block p a:hover, .media-block a:hover {
	    border-bottom: none;
	}
	.media-block__image {
	    flex-basis: 50%;
	}
	.media-block__content {
		flex-basis: 50%;
	}
	.media-block p strong {
	    color: rgb(16 56 77);
	}
	.diy-generic-content-one{
		position: relative;
		background: none;
		padding-bottom: 0.4rem;
		margin-bottom: -1.4rem;
		z-index: 99;
	}
	.intro__page-title::before {
	    content: '';
		position: absolute;
		top: 12.8rem;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 82rem;
		height: 6.8rem;
		background: rgb(88,121,154,0.8);
		z-index: -1;
	}
	.the-3-2-box h4{
		color: #fff;
	}
	.the-3-2-box-the-2-p{
		font-weight: bold;
		font-size: 1.8rem;
	}
	.the-3-5 h4{
		color: #fff;
	}
	.the-3-6-box .media-block__image{
		flex-basis: 35%;
	}
	.the-3-6-box .media-block__content{
		flex-basis: 65%;
	}
	
	
}


@media(min-width: 1200px) {
	
}

@media(min-width: 1400px) {
	
}