.content_row {
    max-width: 2500px;
    margin: 0 auto;
}
.content_row.diagonal {
    max-width: none !important;
}
p {
    font-size: 1.2rem !important;
}

h2.section-header {
    font-size: 1.75rem !important;
}

h3.section-header {
    font-size: 1.6rem !important;
}

h4.section-header {
    font-size: 1.4rem !important;
}

.basic-header {
    text-transform: uppercase;
    font-weight: 800;
    color: #0b2341;
    border-bottom: 3px solid #e86100;
    padding-bottom: 2%;
    position: relative;
    font-family: sweet-sans-pro, sans-serif;
    font-size: 2rem;
    word-spacing: 3px;
}

.diagonal{
		 background: #eaeaea;
		 position: relative;
		 isolation: isolate;
	 	
	}
	.diagonal:before {
		 content: '';
		 background: transparent;
  		clip-path: polygon(100% 100%, 100% 0, 50% 100%);
		 position: absolute;
		 width: 20%;
		 top: 0%;
		 bottom: 0;
		 right: 0;
		 z-index: -1;
		 transform-origin: bottom right;
	}
	 .diagonal:after {
		 content: '';
		 background: #0b2341;
		clip-path: polygon(0 0, 50% 0, 23% 100%, 0% 100%);
		 position: absolute;
		 width: 55%;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 z-index: -2;
		 inset: 0;
		 transform: skew(var(--skew-angle));
		 transform-origin: bottom;
	}
	
	@media only screen and (max-width: 992px) {
		    .diagonal:before {
        background: #0b2341;
        clip-path: polygon(100% 80%, 0 100%, 100% 100%);
        width: 20%;
    }
		    .diagonal:after {
        background: #0b2341;
        clip-path: polygon(0 0, 0 15%, 100% 0);
        width: 20%;
        }
	}
	
	@media only screen and (max-width: 575px) {
	       .diagonal:before {
        background: #0b2341;
        clip-path: polygon(100% 90%, 0 100%, 100% 100%);
        width: 20%;
    }
		 .diagonal:after {
        background: #0b2341;
        clip-path: polygon(0 0, 0 10%, 100% 0);
        width: 20%;
        }
	}