@charset "utf-8";

/* main 2 columns -> flex */
.columns 			{ display:flex; flex-direction:row; /*align-items:stretch;*/ }
.columns-center 	{ justify-content:center; }
.columns-align-top 	{ align-items: flex-start }

.column 	{ width:50%; }
.col-1 		{ width:auto; }
.col-2 		{ flex-basis:520px;	flex-grow:0; flex-shrink:0; }

.columns-3 				{ flex-wrap:wrap; gap:1em; }
.columns-3 > .column	{ width:33%; }

/* Right Col */
#columnRight 				{ padding-right:0 !important; }
#columnRight .box 			{ background:#033661; border-radius:4px; color:#E6EBF0; padding:2.2em 2.2em 0.9em; margin-bottom:2em; }
#columnRight .box h3 		{ font-family: "Cormorant Garamond", serif; color:#F8EC6C; font-size:3em; font-weight:400; margin:0; }
#columnRight .box p 		{ margin:0.5em 0; font-weight:300; line-height:160%; }
#columnRight .box .box-btn 	{ width:100%; }

#columnRight .inner-boarder:before { opacity:0.2; border-radius:2px; }

@media only screen and (min-width: 1001px) and (max-width: 1500px) {
	/* Right Col */
	#columnRight .box 		{ padding:2em 2em 0.7em; margin-bottom:1.8em; }
	#columnRight .box h3 	{ }
}
@media only screen and (min-width: 1001px) and (max-width: 1400px) {
	.col-2 		{ flex-basis:480px; }
	
	/* Right Col */
	#columnRight .box h3 	{ font-size:2.8em; }
}
@media only screen and (min-width: 1001px) and (max-width: 1300px) {
	.col-2 		{ flex-basis:450px; }
	
	/* Right Col */
	#columnRight .box h3 	{ font-size:2.6em; }
}
@media only screen and (min-width: 1001px) and (max-width: 1200px) {
	.col-2 		{ flex-basis:430px; }
	
	/* Right Col */
	#columnRight .box h3 	{ font-size:2.4em; }
	#columnRight .box p 	{ font-size:1em; }
}
@media only screen and (min-width: 1001px) and (max-width: 1100px) {
	.col-2 		{ flex-basis:400px; }
	
	/* Right Col */
	#columnRight .box .box-btn 	{ width:auto; }
}
@media only screen and (min-width: 769px) and (max-width: 1050px) {
	.col-2 		{ flex-basis:380px; }
}
@media only screen and (max-width: 1000px) {
	#mainCols.columns 		{ display:block; }
	#mainCols .column 		{ width:auto; }
	#mainCols .column.col-1 { padding-bottom:2em; }
	#mainCols .column.col-2 { padding:0 !important; margin:1em 0; }
}
	
@media only screen and (min-width: 769px) and (max-width: 900px) {
	#columnRight .box h3 	{ font-size:2.2em; }
}

@media only screen and (max-width: 768px) {
}

@media only screen and (max-width: 700px) {
	#columnRight .box h3 	{ font-size:2.8em; }
}

@media only screen and (max-width: 625px) {
	#columnRight .box h3 	{ font-size:2.6em; }
}

@media only screen and (max-width: 550px) {
	#columnRight .box h3 	{ font-size:2.5em; }
}

@media only screen and (max-width: 475px) {
	#columnRight .box h3 	{ font-size:2.4em; }
}

@media only screen and (max-width: 400px) {
	#columnRight .box h3 	{ font-size:2.3em; }
}

@media only screen and (max-width: 350px) {
	#columnRight .box h3 	{ font-size:2.2em; }
}