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

html{height: 100%;}
body{width: 100%; height: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; font-family: 'Fira Sans', sans-serif;}
*{resize: none; outline: none; box-sizing: border-box;}
a{color: inherit; text-decoration: none;}


.left{width: 50%; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.left p{width: 100%; text-align: center; align-self: flex-start;}
.left p a{color: rgb(5, 31, 141);}
.logo{width: 100%; max-width: 300px;}

.right{width: 50%; height: 100%; display: flex; justify-content: center; flex-direction: column;  align-items: center; background: #008fc2; background: -moz-linear-gradient(left,  #008fc2 1%, #00174a 100%); background: -webkit-gradient(linear, left top, right top, color-stop(1%,#008fc2), color-stop(100%,#00174a)); background: -webkit-linear-gradient(left,  #008fc2 1%,#00174a 100%); background: -o-linear-gradient(left,  #008fc2 1%,#00174a 100%); background: -ms-linear-gradient(left,  #008fc2 1%,#00174a 100%); background: linear-gradient(to right,  #008fc2 1%,#00174a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008fc2', endColorstr='#00174a',GradientType=1 );}
.right .circulo{width: 100%; max-width: 270px; min-height: 270px; margin-bottom: 20px; border-radius: 50%; text-align: center;}
.right .circulo p{font-size: 25px; color: rgb(51, 51, 51); line-height: 270px; margin: 0; font-weight: bold;}
.contabil{background: url(img/contabil.jpg); background-size: cover;}
.imovel{background: url(img/imovel.jpg); background-size: cover;}