html {scroll-behavior: smooth;}

.rx {position:relative;}
.ax {position:absolute;}
.fz {position:fixed;}
.fl {float:left;}
.fr {float:right;}

.c {flex-flow:column;}
.w {flex-flow:wrap;}
.cw {flex-flow:column wrap;}

.fxd { display:flex;
align-items:center;	justify-content:flex-start; 
/* align-content: stretch; */
}
.fxa { display:flex;
align-items:center;	justify-content:flex-start; 
}
.fxx { display:flex;
align-items:center;	justify-content:center; 
/* align-content: stretch; */
text-align:center;
}
.fxxt { display:flex;
align-items:center;	justify-content:center; 
/* align-content: stretch; */
}
.fxe { display:flex;
align-items:center;	justify-content:flex-end; 
}
.fxbw { display:flex;
align-items:center; justify-content:space-between; 	
}
.fxar { display:flex;
align-items:center; justify-content:space-around; 	
}
.fxev { display:flex;
align-items:center;	justify-content:space-evenly; 
}
.febw { display:flex;
align-items:flex-end; justify-content:space-between; 	
}
.fxee { display:flex;
align-items:flex-end;	justify-content:flex-end; 
}
.fxes { display:flex;
align-items:flex-end;	justify-content:flex-start; 
}

/*****************************************
MY COMBOS
*****************************************/

#cfx {
	display:flex;
	background-color:;
/*default
flex-flow: row flex-direction nowrap flex-wrap;
align-items:stretch;	
justify-content:flex-start;
align-content: stretch;
*/
}
#cfx > div {
	flex:1;
	background-color:;
}

#cardx {
	display:flex;position:relative;width:50vw;
}
#cardx > img {
	max-width:100%;
}
#cardx > div {
position:absolute;	top: 0; left:0;	width:100%;	height:100%;
}
/** ==========================================
CONTEXT-FLEX
========================================== **/

/* creations */
#creations {display:flex;flex-flow:wrap;width:100%;}
#creations > div {width:20%;padding:2px;}
#creations > div > img {max-width:100%;}

@media all and (max-width: 600px){
#creations > div {width:50%;}
}
/*flex-flow 1 con wrap*/
#creawrap {display:flex;}


#conx {
	display:flex;
}
#conx > div {
	display:flex;
	flex:1
}
@media all and (max-width: 600px){
.cxm {flex-flow:column;flex:1}

}

.confl {
    width:100%;
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto;
	background-color:pink;
}
.confl > .rox > .cox {
	background-color:lightblue;
}
.rox {}


/* ============================
LAYOUT
============================= */
.jxc {
	text-align:left;
	text-align-last:;
}

.br50{
	border-radius:50%;
}
.strablu strong {
	color:rgba(29, 94, 104, 1);
}
.8cra {
	
}
.8la {
	
}