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

@media(max-width: 991px) {
	.page-entry__content {
	    position: relative;
	    margin-top: 0px !important;
	}
	.media-block h1, .media-block h2, .media-block h3, .media-block h4, .media-block h5, .media-block h6{
		color: #10384d;
	}
	
	.generic-content .about-hero {
	    padding-top: 6.2rem;
	}
	.generic-content .about-hero::before {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(0, 0, 0, 0.3);
	    z-index: 0;
	}
	.generic-content .about-hero h1 {
	    color: white;
		font-size: 2.4rem;
	    text-shadow: 2px 2px 10px #333;
		top: 3rem;
		position: relative;
	}
	.generic-content .about-hero .blue-box {
	    background: rgb(16,56,77,0.8);
	    top: 3rem;
	    max-width: 100%;
		position: relative;
	}
	.the-1-p {
	    font-size: 1.8rem !important;
		margin-bottom: 1rem;
	}
	.generic-content .about-hero .blue-box p{
		margin-bottom: 0.6rem;
	}
	.diy-2-h2 {
	    text-align: center;
	    padding-bottom: 0rem;
	    margin-top: 2rem;
		margin-bottom: 1rem;
	    text-align: center;
		color: #10384d !important;
		font-size: 2.2rem;
	}
	.generic-content ul.key-strengths {
	    display: flex;
	    justify-content: space-between;
	    align-items: flex-start;
	    flex-wrap: wrap;
	    text-align: center;
	}
	.generic-content ul.key-strengths li {
	    text-align: left;
	    flex-basis: 50%;
	    margin-bottom: 1rem;
	    font-weight: 600;
		font-size: 1.2rem;
	}
	.generic-content ul.key-strengths li .fa-square {
	    margin-right: 0.6rem;
	    color: rgb(16 56 77);
	}
	.generic-content--blue {
	    background: #10384d;
	}
	.generic-content .stats p {
	    text-align: center;
	    font-weight: 700;
	    color: white;
	    font-size: 2rem;
	}
	.iframe-box{
		padding-top: 0 !important;
	}
	.iframe-box>iframe{
		width: 100% !important;
		height: 20rem !important;
		border-radius: 4px !important;
		margin: 0 auto !important;
		display: block !important;
	}
	.media-block p a, .media-block a {
	    font-weight: 600;
	    color: #10384d;
	    border-bottom: 1px dotted rgba(33, 37, 41, 1);
	    padding-bottom: 2px;
	}
	.about-box-content{
		margin-top: 2rem;
	}
	.about-box-content h4{
		margin-bottom: 1rem;
	}
	.about-box-content p{
		margin-bottom: 0.6rem;
	}
	.about-box-img{
		overflow: auto !important;
		-webkit-box-shadow: 2px 2px 5px rgb(119 119 119 / 70%);
		box-shadow: 2px 2px 5px rgb(119 119 119 / 70%);
	}
	.about-box-img img{
		margin: 0 auto !important;
		height: auto !important; !important;
		width: auto !important;
		max-width: 100% !important;
		-webkit-box-shadow: 2px 2px 5px rgb(119 119 119 / 70%);
		box-shadow: 2px 2px 5px rgb(119 119 119 / 70%);
	}
	
	
}