/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;700&display=swap');
html, body { height:100%; }
body { font-family: 'Rubik', sans-serif; background:#303E47; font-size:14px; line-height:1.6; padding:0; margin:0; color:#ffffff; }
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.logo { padding:50px 0; }

h1 { color:#ffffff; font-weight:bold; margin:0 0 25px 0; padding:0; font-size:25px; text-align:center }
h1:after { width:60px; height:7px; background:#C8D419; margin:25px auto 0 auto; display:block; content:' '; }

h3 { text-align:center; color:#C8D419; margin:0 0 20px 0; font-weight:300; font-size:26px; }

img { max-width:100%; height:auto; vertical-align:bottom; }
.container { max-width:520px;  margin:0 auto }

.coming-soon { text-align:center; padding:50px 0 }
.coming-soon p { color:#ffffff; font-weight:bold; font-size:16px }

.footer-icone { margin:0 auto; }
.footer-icone ul { display:flex; justify-content:center; margin:0; padding:0; }
.footer-icone ul li { display:flex; align-items:center; color:#ffffff; margin:0 40px;  }
.footer-icone ul li a { color:#ffffff; }

.icon { width:50px; margin-right:18px; }
.icon-text { white-space:nowrap; font-size:14px; }

.copyright { text-align:center; color:#ffffff; font-size:11px; padding:50px 0 30px 0 }
.copyright a {   color:#ffffff;  }


.content { position:relative; min-height:100%; }
.el-01 { z-index:1; position:absolute; width:400px; height:400px; background-image:url(images/02.png); background-position:top right; background-repeat:no-repeat; right:0; top:0; background-size:contain; }
.el-02 { z-index:2; position:absolute; width:240px; height:240px; background-image:url(images/01.png); background-position:bottom left; background-repeat:no-repeat; left:0; bottom:0; background-size:contain; }
.content-inner { position:relative; z-index:3 }

.legal { font-size:12px; padding:30px; }
.legal-logo {
    width: 282px;
    height: 90px;
    background-image: url(images/logo.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto;
}
.legal-wrapper  {
    background-position: bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color:#303E47;
    padding: 40px ;
}
.legal-buttons { text-align:right; padding:20px }
.legal-buttons a { background:#C8D419; padding:8px 20px; display:inline-block; color:#ffffff; font-size:20px; }

.publifarm { text-align:center; padding:0 0 40px 0 }
.publifarm a { width:90px; display:block; margin:0 auto }

@media (min-width: 768px) and (max-width: 1100px) {
	.el-01 {  width:200px; height:200px; }
.el-02 { width:140px; height:140px; }
}

@media (max-width: 767px) {
	.container {
    padding: 20px;
}
	.el-01 { display:none }
.el-02 { display:none }
.content-inner { position:relative; z-index:3 }
.footer-icone ul { flex-direction:column; padding:0 40px; }
.footer-icone ul li{ padding:15px 0; max-width:100%; margin:0; }
.article-content {
    padding: 38px;
}
}