.bento-flex{display:grid;float:left;grid-template-columns: 1fr 1fr 1fr 1fr;gap:20px;margin:0px auto !important;padding:20px 0  0 !important;position:relative;width:100%;}
.bento-flex.triple{grid-template-columns: 1fr 1fr 1fr;}
.bento-flex li{border-radius:20px;border-style:solid;display:grid;flex-direction:unset;overflow:hidden;padding:15px;position:relative;align-items:center;}
.bg-cover {background-size:cover !important;}
.bg-contain {background-size:contain !important;} 
/* height */
.box-r1 {grid-row: span 1;}	
.box-r2 {grid-row: span 2;}
.box-r3 {grid-row: span 3;}
.box-r4 {grid-row: span 4;}
/* width */
.box-c1 {grid-column: span 1;}
.box-c2 {grid-column: span 2;}
.box-c3 {grid-column: span 3;}
.box-c4 {grid-column: span 4;} 

.bento-flex li .small {font-size:12px;font-size: calc((112.5% + 0.25vw) / 2);line-height:100% !important;letter-spacing:2px;position:relative;text-transform:uppercase;}
.bento-flex li .post-headline {color:#3A357E;display:block;float:left;font-family:'Oswald', sans-serif;font-weight:400;font-size:24px;font-size: calc((80% + 0.25vw) * 1.5);line-height:110% !important;padding-top:5px;position:relative;width:100%;}
.bento-flex li .post-subheadline {color:#3A357E;display:block;float:left;font-family:'Lato', sans-serif;font-size:20px;font-size: calc((90% + 0.25vw) * 1.1);line-height:110% !important;padding-top:5px;position:relative;width:100%;}
.bento-flex li .post-desc, .bento-flex li .post-desc p {display:block;float:left;font-family:'Lato', sans-serif;font-size:16px;font-weight:300 !important;line-height:120% !important;margin:0;position:relative;transition:all .5s ease-in-out;width:100%;} 
.bento-flex li .post-link {color:#3A357E;display:block;float:left;font-family:'Lato', sans-serif;font-weight:400;font-size:16px;font-size: calc((112.5% + 0.25vw) / 1.5);padding-bottom:20px;position:relative;text-align:left;width:100%;}
.bento-flex li .post-link::after {content: "→";margin-left:5px;} 
.photo-extend {margin-left:-15px !important;width:calc(100% + 30px) !important;}
.photo-extend-bot {margin-bottom:-15px !important;}
.photo-extend-top {margin-top:-15px !important;}
.btn-swipe-rect.bg-alt.blue-rect:hover,
.btn-swipe-rect.bg-alt.light-purple-rect:hover,
.btn-swipe-rect.bg-alt.pink-rect:hover{border: 2px solid #3a357e !important;}	 
.btn-swipe-rect.bg-alt.blue-rect:before,
.btn-swipe-rect.bg-alt.light-purple-rect:before,
.btn-swipe-rect.bg-alt.pink-rect:before {background:#3a357e !important;} 

.btn-swipe-rect.bg-alt.bg-purple.light-purple-rect:hover,
.btn-swipe-rect.bg-alt.bg-purple.pink-rect:hover{border: 2px solid #399ec7 !important;}
.btn-swipe-rect.bg-alt.bg-purple.light-purple-rect:before,
.btn-swipe-rect.bg-alt.bg-purple.pink-rect:before{background:#399ec7 !important;}

.btn-swipe-rect.bg-alt.bg-purple.blue-rect:hover{border: 2px solid #e75fbc !important;}
.btn-swipe-rect.bg-alt.bg-purple.blue-rect:before{background:#e75fbc !important;}

.hs18 {font-size:17px !important;}
.hs23 {font-size:23px !important;font-size: calc(18px + (23 - 16) * ((100vw - 300px) / (1200 - 300))) !important;}
.hs26 {font-size:25px !important;font-size: calc(18px + (25 - 16) * ((100vw - 300px) / (1200 - 300))) !important;}
.hs30 {font-size:29px !important;font-size: calc(18px + (29 - 16) * ((100vw - 300px) / (1200 - 300))) !important;}
.hs36 {font-size:35px !important;font-size: calc(18px + (35 - 16) * ((100vw - 300px) / (1200 - 300))) !important;}
.hs40 {font-size:39px !important;font-size: calc(18px + (39 - 16) * ((100vw - 300px) / (1200 - 300))) !important;}
.hs48 {font-size:47px !important;font-size: calc(18px + (47 - 16) * ((100vw - 300px) / (1200 - 300))) !important;}
.hs60 {font-size:60px !important;font-size: calc(18px + (60 - 14) * ((100vw - 300px) / (1200 - 300))) !important;}
.hs72 {font-size:72px !important;font-size: calc(18px + (72 - 12) * ((100vw - 300px) / (1200 - 300))) !important;}
.hs96 {font-size:96px !important;font-size: calc(18px + (96 - 10) * ((100vw - 300px) / (1200 - 300))) !important;}
.hs108 {font-size:108px !important;font-size: calc(8px + (108 - 8) * ((100vw - 300px) / (1200 - 300))) !important;}
.gr-text-dark-purple-blue-vert {
	background: -webkit-linear-gradient(90deg, #399ec7 0%, #3A357E 75%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.gr-text-dark-purple-pink-vert {
	background: -webkit-linear-gradient(90deg, #C83493 0%, #3A357E 75%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.gr-text-light-purple-blue-vert {
	background: -webkit-linear-gradient(90deg, #399ec7 0%, #5a53af 75%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.gr-text-light-purple-pink-vert {
	background: -webkit-linear-gradient(90deg, #C83493 0%, #5a53af 75%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
@media screen and (max-width: 767px) {
	.bento-flex{grid-template-columns:1fr 1fr !important;}
	.bento-flex.triple .box-r2,
	.bento-flex.triple .box-r3,
	.bento-flex.triple .box-r4 {grid-row: span 1;}
	.bento-flex.triple .box-c2 {grid-column: span 1;}
	.bento-flex.triple .box-c3 {grid-column: span 2;}
	.bento-flex.triple .box-c4 {grid-column: span 3;} 
	.bento-flex li .small {font-size:12px;}
	.bento-flex li .post-subheadline {font-size:18px;}
	.bg-cover{background-size:cover !important;}
} 
@media screen and (max-width: 450px) {
	.bento-flex{grid-template-columns:1fr !important;}
}