/* FLAGSHIP 1 */

/* main image */
body.flag-one main .mod-custom > div:nth-of-type(1) { padding: 33% 0; background-image: url("../../../images/stock/columns.webp"); background-size: cover; background-position: center }

@media (min-width:1160px) {
  
  body.flag-one main .mod-custom > div:nth-of-type(1) { flex: 0 0 49%; padding: 0; margin: 0 1% 1% 0; order: 2 }}


/* title */
body.flag-one main .mod-custom > div:nth-of-type(2) { padding-bottom: 30px }

@media (min-width:1160px) {
  
  body.flag-one main .mod-custom > div:nth-of-type(2) { flex: 0 0 50%; display: flex; flex-flow: row wrap; align-content: center; padding: 100px 50px; order: 1 }
  
  body.flag-one main .mod-custom > div:nth-of-type(2) h1 { flex: 1 1 100%; padding: 0 0 25px }
  body.flag-one main .mod-custom > div:nth-of-type(2) p { flex: 1 1 100%; padding: 0 }}


@media (min-width:1560px) {
  
  body.flag-one main .mod-custom > div:nth-of-type(2) { padding: 150px 100px }}


@media (min-width:1160px) {
	body.flag-one main .mod-custom > div:nth-of-type(3), body.flag-one main .mod-custom > div:nth-of-type(4), body.flag-one main .mod-custom > div:nth-of-type(5), body.flag-one main .mod-custom > div:nth-of-type(6), body.flag-one main .mod-custom > div:nth-of-type(7), body.flag-one main .mod-custom > div:nth-of-type(8) { order: 3 }}


/* the issue */
body.flag-one main .mod-custom div.issue {
	flex: 0 0 98%;
	margin: 1%;
	background-color: var(--dark) }

@media (min-width:1160px) {
	body.flag-one main .mod-custom div.issue h2 {
		color: #FFFFFF;
		max-width: 1200px;
		text-align: center;
		padding: 0 0 20px;
		margin: 0 auto }

	body.flag-one main .mod-custom div.issue p {
		color: #FFFFFF;
		max-width: 1200px;
		text-align: center;
		padding-right: 0;
		padding-left: 0;
		margin: 0 auto }

	body.flag-one main .mod-custom div.issue h3 {
		color: #FFFFFF;
		max-width: 1200px;
		text-align: center;
		padding: 25px 0 0;
		margin: 0 auto }}

@media (min-width:1560px) {
	body.flag-one main .mod-custom div.issue {
		padding: 125px 50px 150px;
		margin: 0 auto }}


/* the issue */
body.flag-one main .mod-custom div.issue-2 > div:nth-of-type(1) { padding: 33% 0; background-image: url(../../../images/bestof/conscorps_4.webp); background-size: cover; background-position: center }

@media (min-width:1160px) {
	
	body.flag-one main .mod-custom div.issue-2 { 
		display: flex; flex-flow: row wrap; align-content: center; flex: 1 1 100%; padding: 0 }
	
	body.flag-one main .mod-custom div.issue-2 > div:nth-of-type(1) { flex: 0 0 49%; padding: 0; margin: 1% 0 0 1% }
	body.flag-one main .mod-custom div.issue-2 > div:nth-of-type(2) { flex: 0 0 50%; padding: 0 50px }

}

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