.bug { border: solid 1px red; } html, body { background-image: url("../img/screen.png"); background-color: #585859; font-family: "Open Sans", sans-serif; color: #ffffff; } /* Site */ .wl-logo { position: fixed; top: 32px; z-index: 1050; } div.avatar-float { } div.text1 { padding: 75px; } p.text1 { padding: 0; margin: 0; margin-bottom: 10px; font-size: 62px; line-height: 62px; } h2.text1 { margin: 0; padding: 0; } p.text2 { font-size: 92px; text-align: right; } @media (max-width: 768px) { div.text1 { padding: 50px 25px; } p.text1 { text-align: center; } h2.text1 { text-align: center; } p.text2 { text-align: center; line-height: 64px; } h3 { font-size: 16px; line-height: 24px; } } h2.text2 { font-size: 36px; line-height: 92px; } @media (max-width: 768px) { h2.text2 { line-height: 36px; text-align: center; } } /* Parallax */ section.module:last-child { margin-bottom: 0; } section.module h2 { margin-bottom: 40px; font-size: 30px; } section.module p { margin-bottom: 40px; font-size: 16px; font-weight: 300; } section.module p:last-child { margin-bottom: 0; } section.module.content { padding: 40px 0; } section.module.parallax { background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } section.module.parallax-1 { background-image: -moz-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('../img/bg2.jpg'); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('../img/bg2.jpg'); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('../img/bg2.jpg'); background-image: linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('../img/bg2.jpg'); border-style: solid; border-width: 0px 0px 45px; -moz-border-image: url("../img/5CC6D0.png") 69 0 repeat stretch; -webkit-border-image: url("../img/5CC6D0.png") 69 0 repeat stretch; -o-border-image: url("../img/5CC6D0.png") 69 0 repeat stretch; border-image: url("../img/5CC6D0.png") 69 0 fill repeat stretch; } section.module.parallax-2 { background-image: url("../img/bg1.jpg"); } /* Parallax FIM */ div.img { background-position: center top; background-repeat: no-repeat; background-size: cover; background-image: -moz-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('../img/bg2.jpg'); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('../img/bg2.jpg'); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('../img/bg2.jpg'); background-image: linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('../img/bg2.jpg'); } section.block-img { border-style: solid; border-width: 0px 0px 45px; background: none; -moz-border-image: url("../img/EF4E36.png") 69 0 repeat stretch; -webkit-border-image: url("../img/EF4E36.png") 69 0 repeat stretch; -o-border-image: url("../img/EF4E36.png") 69 0 repeat stretch; border-image: url("../img/EF4E36.png") 69 0 fill repeat stretch; } div.block-main { padding-top: 240px; } @media (max-width: 768px) { div.block-main { padding: 0; margin: 0; margin-top: 100px; } } div.block2 { padding: 50px; background-color: #5CC6D0; } //iframe .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } div.block3 { padding: 50px 50px 50px 200px; /* margin-top: 300px; margin-bottom: 300px;*/ background-color:rgba(255, 204, 41, 0.9); color: #000000; } @media (max-width: 768px) { div.block3 { padding: 50px 30px; margin-top: 50px; margin-bottom: 50px; } } div.block4 { background-color: #EF4E36; padding-top: 50px; padding-bottom: 50px; } div.block4 > p { font-size: 2em; } div.box1 { background-color: #5CC6D0; } div.floating-avatar { position: fixed; bottom: 0; z-index: 999; } footer { padding-top: 50px; padding-bottom: 50px; } div.wl-spacing { margin-right: 10px; margin-bottom: 40px; margin-top: -100px; } div.wl-spacing2 { margin-right: 10px; margin-bottom: 40px; height: 300px; } .btn-contribua { width: 180px; padding: 8px; } .btn-contribua rect { opacity: 0; } .btn-contribua .btn-contribua-border { fill: #fff; } .btn-contribua .btn-contribua-text { fill: #fff; } .btn-contribua .btn-contribua-plus { fill: #fff; opacity: 0.8; } .btn-wikilibras { width: 180px; padding: 8px; cursor: pointer; } .btn-wikilibras rect { opacity: 0; } .btn-wikilibras .btn-contribua-border { fill: #fff; } .btn-wikilibras .btn-contribua-text { fill: #fff; } .btn-wikilibras .btn-contribua-plus { fill: #fff; opacity: 0.8; } .btn-wikilibras:hover { opacity: 0.4; } .btn-validador { width: 180px; padding: 8px; cursor: pointer; } .btn-validador rect { opacity: 0; } .btn-validador:hover { opacity: 0.4; } .btn-validador .btn-validador-border { fill: #fff; } .btn-validador .btn-validador-text { fill: #fff; } .btn-validador .btn-validador-plus { fill: #fff; opacity: 0.8; } .btn-corretor { width: 180px; padding: 8px; cursor: pointer; } .btn-corretor .btn-corretor .btn-validador rect { opacity: 0; } .btn-corretor .btn-corretor-border { fill: #fff; } .btn-corretor .btn-corretor-text { fill: #fff; } .btn-corretor .btn-corretor-plus { fill: #fff; opacity: 0.8; } .btn-corretor:hover { opacity: 0.4; } #logo-wiki { fill: #fff; }