html {
	scroll-behavior:smooth!important;
}
.text-left {
	text-align:justify;
}
body {
	margin: 0;
	overflow-x: hidden;
}
.centrad { /* title page 404 */
	text-align:center;
	padding-top:15px;
}
.center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;  
}
#pad{
	padding-left:10%;
	padding-right:10%;
}
<!-- end base -->

<!-- 404 -->
.icon-box {	
	text-align: center;
	background-color:none;
	padding: 20px 20px !important;
	border: none;
   	box-shadow: 0 0px rgba(192, 192, 192, 0.8);
	transition: 0.5s;
	width: 100%;
	height: 100%;/*	
	padding-left:auto;
	padding-right:auto;*/
}
.icon-box i {
	color: #C0C0C0 !important;
	margin-top: 30px;
	font-size: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.icon-box h4 {
	font-size: 20px;
	font-weight: 400;
	margin-top: 30px;
	/* margin: 0 0 30px 0; */
	color: #808080 !important;
	text-align: center;
}
.icon-box p {
	font-size: 15px;
	color: #C0C0C0;
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: center;
}

/* hover */
.icon-box:hover {
	transform: scale(0.9) !important;
	background-color:#121482!important;
	border-radius:5%;
	color:#ffcc00 !important;
}
.icon-box i:hover {
	color:#ffcc00 !important;
	margin-top: 30px;
	font-size: 32px;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.icon-box h4:hover {
	font-size: 20px;
	font-weight: 400!important;
	margin-top: 30px;
	/*margin: 0 0 30px 0;*/
	color:#ffcc00 !important;
	text-align: center;
}
.icon-box p:hover {
	font-size: 15px;
	color:#ffcc00 !important;
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: center;
}