/* OSSIDI */


.white{
	color:#fff !important;
}

.white a{
	color:#fff !important;
}
.link-d{
	padding-top:20px;
	padding-bottom:20px;
}

.link-text{
font-size:0.8rem;
font-weight:900;	
letter-spacing: 4px;
padding-bottom: 30px;
	text-align: center;

	
}


.space{
margin-bottom: 50px !important;
	padding-bottom: 50px !important;
}


.link-text:hover{
	
}


.link-text span{


}


.title-type-sub {
    font-size: 0.8rem;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
}



.evo-textm-title{
font-size:1.0rem;
font-weight:700;
text-align:center;
text-align-last: center;
letter-spacing:10px;
padding:200px 50px 40px 50px ;
}

.white{
color:#ffffff;
}

.black{
	color:#000000;
}

.roboto{
font-family: 'Roboto', sans-serif;
}

.lato{
	font-family: 'Lato', sans-serif;
}

.play{
	font-family: 'Playfair Display', serif;
}

a:hover{
	color:inherit;
}
.evo-textm{
font-size:1.8rem;
margin: 50px 0 200px 0 ;
text-align:center;
/* text-align-last: center; */
font-weight:300;
}

.evo-textl{
font-size:2rem;
font-weight:700;
margin: 100px 0 0px 0 ;
text-align:center;
/* text-align-last: center; */

}

.bgfade{
	 background-color: #ffffff;
}




.evo-title-alphabet{
	/*-webkit-text-stroke: 1px #000;
	-moz-text-stroke: 1px #000;*/
	color:#000000;

	font-weight:700;
}

.evo-title-pre{
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 6px;
    color: currentColor;
	

	padding-top:80%;
	
	
}


.evo-title-main {
    font-size: 6.75rem;
    letter-spacing: -3px;
    margin-bottom: 1rem;
	font-weight:700;
margin-left:-7px !important;

}

.evo-title-post{
font-size:1.5rem;
text-align:center;
font-weight:200; 
padding:0 20px 0 20px;
	line-height:2rem;
}


/* Success!! Works in Safari, and by adding text-align: center; to my body definition and including  */
/* margin: auto; in my container definition (as per your suggestion) my page now aligns correctly. */

.evo-title-project{
	font-size:0.9rem;
	letter-spacing:1px;
		opacity:1 !important;
	
}
.evo-title-project-span{
	font-size:0.9rem !important ;
		letter-spacing:1px;

		opacity:1 !important;
	
}

.evo-portfolio-meta{
padding-top:60%;
}


.evo-overlay-grid .evo-overlay-content {
    padding: 0rem;
	
}	




.tag-title{
 font-size: 1.3rem;
	font-weight: 900;
	text-decoration: underline;
	padding-bottom:10px;

	
}
.evo-masonry{
		margin-bottom:80px !important;
}


	
.evo-image-slider{
	margin-top:120px;	
margin-bottom:100px;	
}	

.evo-image-slider .evo-slick-item .evo-thumb {
	max-width:1240px;
}



.evo-iconbox-title{
   font-size: 1.25rem;
    margin-bottom: 1rem;
	font-weight: 700;
	padding: 0px 0 0px 0 ;
}


.icon_materie{
	height:96px;
	width:96px;
}

.icon_materie2{
	height:88px;
	width:88px;
	margin: 4px 0 4px 0;
}
.evo-iconbox-wrap{
	height:500px;
	padding-top:100px !important;


}


/* ------------------------------------------------------ */


/* MD default Large devices (desktops, less than 1200px)*/
@media (max-width: 1200px) {
	

}/*@media LG*/



/* SM Medium devices (tablets, less than 992px)*/
@media (max-width: 992px) {
	
.evo-title-pre{

}
	
}




 /* XS*/
@media (max-width: 767px){

.noxs{display:none !important;}

.evo-title-pre{
font-size: 0.7rem;
letter-spacing:4px;
}

.evo-title-main{
	font-size:5rem !important;
	letter-spacing:-1px;
}

.evo-title-project {
font-size: 0.65rem !important;	
}



.evo-title-project-span {
font-size: 0.65rem !important;	
}



.evo-textl{
	font-size:1.3rem ;
}

.evo-textm{
	font-size:0.8rem ;
}



	.evo-border-on{
		margin-bottom:30px;
	}


.evo-textm{

margin: 200px 0 0 0 ;
}





}/* FINE XS*/

/* SM Extra small devices (portrait phones, less than 576px) */
/* @media (max-width: 768px) { */
/* .evo-title-pre{ */
/* color:#ff0000;  */
/* } */
/* } */
 /* XS CELL @media(min-width:576px) BS4    @media(max-width:767px) BS3*/