h1.header {text-align:center; font-size:3em;}

/* FLEXGRID */
#contentlp .boxarea {display:grid; grid-template-columns:repeat(3, 1fr); grid-auto-rows:1fr; grid-gap:10px;}
#contentlp .boxarea .box-content {overflow:hidden;}	
#contentlp .boxarea .box-content a {display:flex; justify-content:center; align-content:center; padding:14%; transition:.2s ease-in-out all; -moz-transition:.2s ease-in-out all; -webkit-transition:.2s ease-in-out all;}
#contentlp .boxarea .box-content a {text-decoration:none;}
#contentlp .boxarea .box-content h2 {color:#fff;}
#contentlp .boxarea .box-content img {display:none;}

#contentlp .boxarea .box-content:nth-child(1) a {background:linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://cka-dash.s3.amazonaws.com/133-1019-DAG1627/accord-cta.jpg) no-repeat center/cover;}
#contentlp .boxarea .box-content:nth-child(2) a {background:linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://cka-dash.s3.amazonaws.com/133-1019-DAG1627/civic-cta.jpg) no-repeat center/cover;}
#contentlp .boxarea .box-content:nth-child(3) a {background:linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://cka-dash.s3.amazonaws.com/133-1019-DAG1627/crv-cta.jpg) no-repeat center/cover;}
#contentlp .boxarea .box-content:nth-child(4) a {background:linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://cka-dash.s3.amazonaws.com/133-1019-DAG1627/fit-cta.jpg) no-repeat center/cover;}
#contentlp .boxarea .box-content:nth-child(5) a {background:linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://cka-dash.s3.amazonaws.com/133-1019-DAG1627/hrv-cta.jpg) no-repeat center/cover;}
#contentlp .boxarea .box-content:nth-child(6) a {background:linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://cka-dash.s3.amazonaws.com/133-1019-DAG1627/clarity-cta.jpg) no-repeat center/cover;}
#contentlp .boxarea .box-content:nth-child(7) a {background:linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://cka-dash.s3.amazonaws.com/133-1019-DAG1627/insight-cta.jpg) no-repeat center/cover;}
#contentlp .boxarea .box-content:nth-child(8) a {background:linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://cka-dash.s3.amazonaws.com/133-1019-DAG1627/ridgeline-cta.jpg) no-repeat center/cover;}
#contentlp .boxarea .box-content:nth-child(9) a {background:linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://cka-dash.s3.amazonaws.com/133-1019-DAG1627/passport-cta.jpg) no-repeat center/cover;}
#contentlp .boxarea .box-content:nth-child(10) a {background:linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://cka-dash.s3.amazonaws.com/133-1019-DAG1627/odyssey-cta.jpg) no-repeat center/cover;}

#contentlp .boxarea .box-content:hover a {transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2);}

@media only screen and (max-width:770px) {
	#contentlp .boxarea {grid-template-columns:repeat(2, 1fr);}
}
@media only screen and (max-width:500px) {
	#contentlp .boxarea {grid-template-columns:repeat(1, 1fr);}
}
/* REGULAR */
#contentlp {width:100%; max-width:1440px; margin:0 auto; box-sizing:border-box;}
#contentlp .wrapper {display:block; overflow:hidden;}
#contentlp .contentrow {margin:2% auto;}
#contentlp .contentrow h2 {font-size:2em;}
#contentlp .buttons {margin:2% auto; width:45%;}
#contentlp .buttons a {display:block; width:100%; background:#009ddc; color:#fff; text-align:center; text-decoration:none; text-transform:capitalize; font-weight:700; line-height:1em; padding:2%; box-sizing:border-box; font-size:1.25em; transition:ease-in-out all .2s; -moz-transition:ease-in-out all .2s; -webkit-transition:ease-in-out all .2s;}
#contentlp .buttons a:hover {background:#055d8b;}
#contentlp .disclaimer {font-size:.75em; font-style:italic;}

/* VIDEOS */
#contentlp .contentrow .video {float:left; width:49%; margin-right:2%;}
#contentlp .contentrow .video:nth-of-type(even) {margin-right:0;}
#contentlp .contentrow .video iframe {max-width:560px; max-height:315px; height:19vw;}

/* BOX BUTTONS */
#contentlp .boxbuttons {margin:2% auto;}
#contentlp .boxbuttons .box {display:block; float:left; width:32%; height:12vw; margin:.65%;}
#contentlp .boxbuttons .box a {text-decoration:none; color:#fff; text-align:center; display:block; width:100%; height:12vw; transition:.2s ease-in-out all; -moz-transition:.2s ease-in-out all; -webkit-transition:.2s ease-in-out all; padding:15% 0 0; box-sizing:border-box;}
#contentlp .boxbuttons .box a h2 {margin:0;}
#contentlp .boxbuttons .box a p {display:none;}
#contentlp .boxbuttons .box a img {transition:.2s ease-in-out all; -moz-transition:.2s ease-in-out all; -webkit-transition:.2s ease-in-out all;}

/* RESPONSIVE */
@media only screen and (max-width:1200px) {
#contentlp .boxarea .box-content h2, #contentlp .contentrow h2 {font-size:1.5em;}
}
@media only screen and (max-width:980px) {
#contentlp .boxbuttons .box {width:49%; height:15vw; margin:.5%;}
#contentlp .boxbuttons .box a {height:15vw;padding:12% 0 0;}
}
@media only screen and (min-width:751px) {
#contentlp .boxbuttons .box:nth-of-type(1) a {background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://cka-dash.s3.amazonaws.com/133-1019-DAG1627/accord-cta.jpg) no-repeat center/cover;}
#contentlp .boxbuttons .box:nth-of-type(2) a {background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://cka-dash.s3.amazonaws.com/133-1019-DAG1627/civic-cta.jpg) no-repeat center/cover;}
#contentlp .boxbuttons .box:nth-of-type(3) a {background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://cka-dash.s3.amazonaws.com/133-1019-DAG1627/crv-cta.jpg) no-repeat center/cover;}
#contentlp .boxbuttons .box:nth-of-type(4) a {background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://cka-dash.s3.amazonaws.com/133-1019-DAG1627/fit-cta.jpg) no-repeat center/cover;}
#contentlp .boxbuttons .box:nth-of-type(5) a {background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://cka-dash.s3.amazonaws.com/133-1019-DAG1627/hrv-cta.jpg) no-repeat center/cover;}
#contentlp .boxbuttons .box:nth-of-type(6) a {background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://cka-dash.s3.amazonaws.com/133-1019-DAG1627/clarity-cta.jpg) no-repeat center/cover;}
#contentlp .boxbuttons .box:nth-of-type(7) a {background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://cka-dash.s3.amazonaws.com/133-1019-DAG1627/insight-cta.jpg) no-repeat center/cover;}
#contentlp .boxbuttons .box:nth-of-type(8) a {background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://cka-dash.s3.amazonaws.com/133-1019-DAG1627/ridgeline-cta.jpg) no-repeat center/cover;}
#contentlp .boxbuttons .box:nth-of-type(9) a {background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://cka-dash.s3.amazonaws.com/133-1019-DAG1627/passport-cta.jpg) no-repeat center/cover;}
#contentlp .boxbuttons .box:nth-of-type(10) a {background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://cka-dash.s3.amazonaws.com/133-1019-DAG1627/odyssey-cta.jpg) no-repeat center/cover;}
#contentlp .boxbuttons .box:hover a {transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2);}
}
@media only screen and (max-width:770px) {
#contentlp .boxbuttons .box {height:auto;}
#contentlp .boxbuttons .box a {height:auto; padding:0; color:#000;}
#contentlp .boxbuttons .box a:hover img {transform:scale(.9); -moz-transform:scale(.9); -webkit-transform:scale(.9);}
#contentlp .boxbuttons .box a h2 {margin:0 0 10px; border-bottom:4px solid #005eba;}
#contentlp .boxarea .box-content h2 {font-size:2em;}
#contentlp .boxbuttons .box a p {display:block;}
	
#contentlp .boxbuttons .box, #contentlp .contentrow .video {width:100%; float:none; margin:0 0 2%;}
#contentlp .contentrow .video iframe {max-width:none; max-height:none; height:50vw;}
#contentlp .buttons {width:100%;}
}