@charset "UTF-8";
/* CSS Document */

ul.steps {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
ul.steps li.step {
	display: inline-block;
	vertical-align: top;
	list-style: none;
	background-color: white;
	box-shadow: 0 3px 15px 0 rgba(0,0,0,0.2);
	border-radius: 4px;
	margin: 0 20px 20px 0;
	padding: 0;
	
}
ul.steps li.step figure {}
ul.steps li.step figcaption {
	font-size: 2rem;
	line-height: 2.5rem;
}
ul.steps li.step i {
	display: block;
	position: relative;
	left: -15px;
	top: -15px;
	width: 40px;
	height:40px;
	border-radius: 40px;
	margin: 0 0 -40px 0;
	background-color: #25408f;
	color: white;
	text-align: center;
	font-family: Metro;
	font-size: 25px;
	line-height: 40px;
}
ul.steps li.step em {
	display: block;
	width: calc(100% - 40px);
	margin: 0 0 0 30px;
	padding: 15px 10px 15px 0;
	font-style: normal;
	text-align: left;
	font-size: 1.5rem;
	line-height: 1.9rem;
}

	/* responsibles */
	
	/* above S */ @media screen and (min-width:860px) {}
	/* below S */ @media screen and (max-width:859px) {}

	/* XXXXL */ @media screen and (min-width:1600px)                        { ul.steps { width: calc(100% + 20px); } ul.steps li.step { width: calc(25% - 20px); min-height: 150px; } }
	/*  XXXL */ @media screen and (min-width:1440px) and (max-width:1599px) { ul.steps { width: calc(100% + 20px); } ul.steps li.step { width: calc(50% - 20px); min-height:  80px; } }
	/*   XXL */ @media screen and (min-width:1240px) and (max-width:1439px) { ul.steps { width: calc(100% + 20px); } ul.steps li.step { width: calc(50% - 20px); min-height: 100px; } }
	/*    XL */ @media screen and (min-width:1040px) and (max-width:1239px) { ul.steps { width: 100%; }              ul.steps li.step { width: 100%; } }
	/*     L */ @media screen and (min-width: 960px) and (max-width:1039px) { ul.steps { width: 100%; }              ul.steps li.step { width: 100%; } }
 	/*     M */ @media screen and (min-width: 860px) and (max-width: 959px) { ul.steps { width: 100%; }              ul.steps li.step { width: 100%; } }
 	/*    MS */ @media screen and (min-width: 700px) and (max-width: 859px) { ul.steps { width: 100%; }              ul.steps li.step { width: 100%; } }
 	/*     S */ @media screen and (min-width: 580px) and (max-width: 699px) { ul.steps { width: 100%; }              ul.steps li.step { width: 100%; } }
 	/*    XS */ @media screen and (min-width: 310px) and (max-width: 579px) { ul.steps { width: 100%; }              ul.steps li.step { width: 100%; } }
 	/*   XXS */ @media screen and (min-width:   0px) and (max-width: 309px) { ul.steps { width: 100%; }              ul.steps li.step { width: 100%; } }

.nice-date {
	/*color: red;*/
}