@charset "UTF-8";
/* CSS Document to separate Garantías*/

.garantia-title {
	position: relative;
	width: auto;
	height: auto;
	padding: 0.5em 0 0.3em 0;
	margin: auto;
	font-family: 'Roboto';
	font-size: 2em;
	font-weight: 400;
	color: #eb5d18;
	text-align: center;
	text-transform: uppercase;
	display: block;
}

.garantia-intro-text {
	position: relative;
	width: 75%;
	height: auto;
	margin: auto;
	padding: 0 0 1em 0;
	text-align: center;
	font-size: 1em;
	border-bottom: 1px solid #cacaca;
	margin-bottom: 1em;
	display: block;
}

.garantia-container {
	position: relative;
	width: 75%;
	height: auto;
	margin: auto;
	padding: 0;
	border-radius: 5px;
	margin-bottom: 1em;
	display: block;
}

.column-container-garantia {
	position: relative;
	width: 100%;
	height: auto;
	margin: auto;
	text-align: center;
	display: block;
}
.icon-and-text {
	position: relative;
	width: 31.3333%;
	height: auto;
	/*min-height: 17em;*/
	margin: auto;
	text-align: center;
	padding: 1.075em;
	border-radius: 5px;
	border: 1px solid #cacaca; 
	margin-left: 0.3em;
	margin-right: 0.3em;
	vertical-align: top;
	display: inline-block;
}

.garantia-column {
	margin-top: 1.75em;
	display: inline-block;
}

.garantia-column img {
	position: relative;
	text-align: center;
	margin: auto;
}

@media screen and (max-width: 320px) {
	.garantia-title {width: 90%;}
	.garantia-intro-text {width: 90%;}
	.garantia-container {width: 90%;}
	.icon-and-text {width: 90% !important; display: block; margin-left: auto; margin-right: auto; margin-top: 0.5em;}
	.garantia-column {display: block;}
}

@media screen and (max-width: 360px) {
	.garantia-title {width: 90%;}
	.garantia-intro-text {width: 90%;}
	.garantia-container {width: 90%;}
	.icon-and-text {width: 90% !important; display: block; margin-left: auto; margin-right: auto; margin-top: 0.5em;}
	.garantia-column {display: block;}
}

@media screen and (max-width: 375px) {
	.garantia-title {width: 90%;}
	.garantia-intro-text {width: 90%;}
	.garantia-container {width: 90%;}
	.icon-and-text {width: 90% !important; display: block; margin-left: auto; margin-right: auto; margin-top: 0.5em;}
	.garantia-column {display: block;}
}

@media screen and (max-width: 414px) {
	.garantia-title {width: 90%;}
	.garantia-intro-text {width: 90%;}
	.garantia-container {width: 90%;}
	.icon-and-text {width: 90% !important; display: block; margin-left: auto; margin-right: auto; margin-top: 0.5em;}
	.garantia-column {display: block;}
}

@media screen and (max-width: 767px) {
	.garantia-title {width: 90%;}
	.garantia-intro-text {width: 90%;}
	.garantia-container {width: 90%;}
	.icon-and-text {width: 90% !important; display: block; margin-left: auto; margin-right: auto; margin-top: 0.5em;}
	.garantia-column {display: block;}
}

@media screen and (min-width: 768px) {
	.garantia-title {width: 90%;}
	.garantia-intro-text {width: 90%;}
	.garantia-container {width: 90%;}
	.icon-and-text {width: 30.3333%; display: inline-block; margin-left: auto; margin-right: auto; margin-top: 0; min-height: 20em;}
	.garantia-column {display: block;}
}

@media screen and (min-width: 992px) {
	.garantia-title {width: 95%;}
	.garantia-intro-text {width: 95%;}
	.garantia-container {width: 95%;}
	.icon-and-text {width: 30%; display: inline-block; margin-bottom: 0.5em; min-height: 17em;}
	.garantia-column {display: inline-block;}
}

@media screen and (min-width: 1024px) {
	.garantia-title {width: 95%;}
	.garantia-intro-text {width: 95%;}
	.garantia-container {width: 95%;}
	.icon-and-text {width: 30%; display: inline-block; margin-bottom: 0.5em; min-height: 17em;}
	.garantia-column {display: inline-block;}
}