@keyframes show{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}

*{
	box-sizing:border-box;
	margin:0;
}
body{
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	height: 100vh;
	color: #555555;
	background-color: #F3F3F3;
}
#main{
	padding:3rem 4rem 3.5rem 2rem;
	margin:0;
	width:75%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	border-radius:5px;
	background-color:#FFF;
	box-shadow:0px 0px 9px 0px #d9d9d9;
	animation-name:show;
	animation-duration:1s;
}

#title_container{
	width:100%;
	text-align: center;
}

#title_container h1{
	margin:0 0 2rem;
	font-size:2rem;
	letter-spacing:2px;
	color: #2D2D2D;
}

#img_mantenimiento{ /*left section*/
	width:40%;
	display:flex;
	justify-content:center;
	align-items:center;
}

#img_mantenimiento img{
	width:18rem;
	border-radius:100%;
}

#texto_mantenimiento{	/*right section*/
	width:50%;
	display:flex;
	align-items:flex-start;
	flex-direction:column;
}

#texto_mantenimiento p{
	display: flex;
  align-items: flex-start;
	margin:0 0 1.25rem;
}

#texto_mantenimiento p:last-child{
	margin:0;
}

.bandera{
	width:2rem;
	margin:0.15rem 1.5rem 0 0;
}

@media only screen and (max-width:992px){
	body{
		font-size:1.1rem;
	}
	#main{
		width:90%;
	}
	
	#img_mantenimiento img{
		width:16rem;
	}
	.bandera{
		width:1.85rem;
	}
}

@media only screen and (max-width:768px){
	body{
		font-size:1rem;
		height: auto;
	}
	#main{
		padding:2rem 1.5rem;
		width:92%;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		margin:1rem 0;
	}
	#title_container h1{
		margin:0 0 1rem;
	}
	#img_mantenimiento{
		width:100%;
		margin:0 0 2rem;
	}
	#img_mantenimiento img{
		width:10rem;
	}
	#texto_mantenimiento{
		width:90%;
	}
	.bandera{
		width:1.75rem;
	}
}