html, body{ font-size:16px !important;}
.log1 {display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-items:center;
align-items:flex-start;
grid-gap:20px;
margin: 30px 0px;}


.log1a{   background-color: #F2F2F2; padding: 20px}

.log1b{ text-align: center; width: 100%;}
.log1c{text-align: center; font-weight: 700; line-height: 25px; letter-spacing:-1px; font-size: 22px; color: #132245; min-height:60px; align-items:center; display:grid;}
.log1d{text-align: center; min-height:90px; letter-spacing:-0.5px;}
.log1e{display: grid; margin: 20px auto;   width: 130px; color: #FFFFFF; height: 50px; background-color: #132245; justify-items:center; border: 2px solid #FFFFFF;
align-items:center; }
.log1e:hover{ cursor:pointer;}


@media only screen and (max-width: 618px) {
.log1 {grid-template-columns: 1fr; grid-gap:0px;}
.log1a{  margin-bottom: 20px}
}





.log2{  display: grid;
grid-template-columns: 1fr 1fr ;
justify-items:center;
align-items:center;
grid-column-gap:20px;}

.log2a{ }
.log2b{ background-size: contain; background-repeat: no-repeat; background-position: center; animation: rotation 40s infinite linear; display: block; width: 500px; height:500px; position: absolute; z-index: 2; }
.log2c{z-index: 30;position: relative; width: 500px; height:500px;}
.log2d{ }
.log2e{ text-align: left; font-weight: 700; font-size: 30px; color: #132245;}
.log2f{ }
.log2g{text-align: left; font-weight: 700; font-size: 20px; color: #132245; margin-top: 35px; }
.log2h{ }
.log2i{ }
.log2j{ }
.log2k{display: grid; margin: 20px 0px; width: 130px; color: #FFFFFF; height: 50px; background-color: #132245; justify-items:center; border: 2px solid #FFFFFF;
align-items:center; cursor:pointer; }

.rotate{animation: rotation 10s infinite linear;}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}


@media only screen and (max-width: 618px) {
.log2 { grid-template-columns: 1fr;}
.log2b, .log2c{ width: 450px; height:450px; }

}















.log3{  display: grid;
grid-template-columns: 1fr 1fr ;
justify-items:center;
align-items:center;
grid-column-gap:0px; min-height: 500px;}	



.log3a	{display: grid; justify-items:center; align-items:center; background-color: #132245; color: #FFFFFF;  padding: 40px 0px; width: 100%; height: 100%;}
.log3a0 {display: block; width: 100%;  text-align: center; }
.log3a1	{font-size:22px; font-weight: 700;}
.log3a2	{font-size:52px; font-weight: 900;}
.log3a3	{font-size:18px; padding: 0px 40px;}
.log3b{ background-repeat: no-repeat; background-size: cover; background-position: bottom right; display: block; width: 100%; height: 100%;}	


@media only screen and (max-width: 618px) {
.log3{grid-template-columns: 1fr;}
.log3b{height: 300px;}	
}



.log4{  display: grid;
grid-template-columns: 1fr 1fr 1fr ;
justify-items:center;
align-items:center;
grid-column-gap:20px;
grid-template-areas: "head head head" "main main main";
}

.log4head { grid-area: head; }
.log4head h1 {color: #132245; margin: 50px auto 0px auto; margin-bottom: 0px; text-align: center}
.log4head h2 { margin: 0px auto 0px auto; margin-bottom: 0px; text-align: center}

.log4a{width:100%; background-color: #f4f4f4; padding: 30px; margin-top: 50px; }	
.log4b{text-align: center}	
.log4c{color: #132245; font-size: 25px; font-weight: 700; text-align: center; }	
.log4d{ text-align: justify}	
.log4e{background-color: #132245; width: 150px; height: 40px; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 4px 4px 13px -1px rgba(0,0,0,0.4); display: grid; justify-items:center;
align-items:center; margin:auto; margin-top: 30px; cursor:pointer;}	
.log4e:hover{ box-shadow: 2px 2px 4px -1px rgba(0,0,0,0.6); }



@media only screen and (max-width: 618px) {
.log4{  display: grid; grid-template-columns: 1fr;
grid-template-areas: "head" "main";
grid-column-gap:0px;}
}





















.log5{  display: grid;
grid-template-columns: 1fr 1fr 1fr  1fr 1fr 1fr ;
justify-items:center;
align-items:center;
grid-gap:20px;
grid-template-areas: "head head head head head head"
"main main main main main main";
background-color: #132245; padding: 50px;
margin-top: 50px;
}

.log5head { grid-area: head;}
.log5head h1 {color: #FFFFFF; margin: 0px auto 0px auto; margin-bottom: 0px; text-align: center}
.log5head h2 { margin: 0px auto 0px auto; margin-bottom: 30px; text-align: center; color:#FFFFFF;}
.cliente{ display: grid; justify-items:center;
align-items:center; width: 200px; height: 190px; background-color:#FFFFFF; border: 2px solid #FFFFFF;}


@media only screen and (max-width: 618px) {
.log5{  display: grid;
grid-template-columns: 1fr 1fr ;
grid-template-areas: "head head"
"main main";
}