@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;
	}
	.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%;
	}
	.generic-content .qualicoat-hero {
		background: url(../pic/6-bg.jpg) no-repeat center center;
		background-position-y: center;
		background-size: cover;
	}
	.generic-content .qualicoat-hero h1 {
	    text-shadow: 2px 2px 10px #333;
	}
	.the-20-1-box{
	}
	.the-20-1-box h2{
		color: #fff !important;
		margin-bottom: 0rem;
	}
	.the-20-1-box .media-block__image{
		/* margin-top: -15rem; */
	}
	.the-20-1-box .media-block__image a{
		color: #fff !important;
		font-weight: bold;
		text-align: right;
		display: block;
		/* margin-top: 2rem; */
		text-decoration: underline;
	}
	.the-20-1-box .media-block__image a:hover{
		color: #295c89 !important;
	}
	.the-20-1-box .media-block__image a span{
		font-weight: bold;
	}
	
	.diy-20-2-box p{
		font-weight: 400;
		color: #333;
	}
	.diy-20-2-box li{
		list-style: none;
	}
	.diy-20-2-box .container{
		align-items: center;
	}
	.diy-20-2-box .media-block__content{
		flex-basis: 60%;
	}
	.diy-20-2-box .generic-content p a, .generic-content a {
	    font-weight: 600;
	    color: #10384d;
	    border: 2px solid #10384d;
	    padding-bottom: 1.5rem !important;
	}
	.diy-20-2-box .generic-content p a:hover, .generic-content a:hover {
	    font-weight: 600;
		background-color: #10384d;
		color: #fff;
	}
	.diy-20-2-box-span-date{
		font-size: 2rem;
		font-weight: bold;
		color: #5d7e9e;
		margin-bottom: 1rem;
		display: block;
	}
	
}


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

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


