.sistema {display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 100vh; position: relative; background-color: #e6e6e6;}
.sistema-body {display: flex; align-items: center; justify-content: center; width: 100%; min-height: 100vh; position: relative; background-color: #e6e6e6;}
.header-sistema {background-color: rgba(0, 0, 0, 0.5);}
.cont-50 {width: 50%; min-height: 100vh; display: flex; position: relative; align-items: center; justify-content: center;}
.cont-50 .footer {position: absolute; bottom: 0; left: 0; color: #fff; background-color: rgba(0, 0, 0, 0.5); display: block; text-align: center; width: 100%; padding: 1.6em 0;}
.cover {background-color: #cccccc; background-position: center; background-repeat: no-repeat; background-size: cover;}

.access {width: 90%;}
.icon-bg {background-color: #fff; padding: 16px; border-radius: 26px; color: #000; font-family: 'Montserrat', sans-serif; display: flex; align-items: center; justify-content: space-between;}
.icon-bg img {max-width: 180px;}
.icon-bg h4 {font-weight: 700; font-size: 2em; display: block; text-align: center; line-height: 100%;}
.icon-bg p {font-size: 1.1em;}

.icon-bg .icon-left {width: 30%;}
.icon-bg .title-right {width: 70%; text-align: center;}
.icon-bg .title-right a {display: table; padding: 0.9em 1.6em; font-size: 1em; color: #fff; background-color: #f00; border-radius: 24px; letter-spacing: 0.12em; text-transform: uppercase; margin: 0 auto;}
.mar-btm-16 {margin-bottom: 16px;}

@media only screen and (max-width: 1020px) {
  .cover {display: none;}
  .cont-50 {width: 100%;}
}

@media only screen and (max-width: 515px) {
	.access {width: 94%;}

	.icon-bg {padding: 10px; border-radius: 20px;}
	.icon-bg img {max-width: 160px;}
	.icon-bg h4 {font-size: 1.8em;}
	.cont-50 .footer {padding: 1.2em 0; font-size: 0.8em;}
}

@media only screen and (max-width: 440px) {
	.icon-bg {display: block;}
	.icon-bg .icon-left {width: 100%; text-align: center;}
	.icon-bg .title-right {width: 100%; text-align: center;}
	.icon-bg img {max-width: 120px;}
	.icon-bg h4 {font-size: 1.4em;}
	.icon-bg .title-right a {margin-bottom: 12px;}
}