/* Redefinir */
html {height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
*, *::before, *::after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
div::after, ol::after, ul::after, form::after, dl::after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}

a, a img {text-decoration:none; border:none; color: #AFC1CB;}
img{display:inline-block; margin:auto;}
/* Identificadores */
#body {font-size:62.5%;margin:0;padding:0;width:100%;height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; font-family: "Orbitron", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;color: #AFC1CB;}

#container {margin:0;padding:0 7% 15% 7%;height:100%;min-height:100%;height:auto !important; position:relative; background-image: url("../images/large/background.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center top; background-attachment: fixed;position: relative; display: flex; justify-content: center; align-items: center; z-index:10; text-align: center;}
#container h1 {font-weight:400; font-size: 28px; line-height: .7em; padding: 1.8em 0; margin: 0; text-align: left; color: #FFFFFF; width: 100%; background-image: url("../images/svg/proconnect.svg"); background-repeat: no-repeat; background-position: right center; background-size: contain;}
#container h1 span{font-size: 0;}

#footer{position:absolute; padding: 0 7%; bottom:0; left:0; width:100%; z-index: 10; text-align: right;}
#footer p{font-size: 20px; font-weight: 400; margin:0; padding: 0 0 60px 0; letter-spacing: .1em;}
#footer p a{font-size: 0;}
#footer p a + a{margin-left: 30px;}
#footer p a span + span{font-size: 20px; display: inline-block; vertical-align: middle; margin-left: 1em;}
#footer p a span + span span{font-size: .8em;}
#footer p .float-left{float: left; line-height: 20px; margin: 20px 0 0 0;}

.pict{display: inline-block; vertical-align: middle; background-image:url("../images/svg/pictogramas.svg"); background-size: 300% auto; background-repeat: no-repeat; width: 74px; height: 60px;}
.pict.whats{background-position: 0 0;}
.pict.email{background-position: 50% 0;}
.pict.instagram{background-position: 100% 0;}

@media screen and (max-width:1300px) {

#container {margin:0;padding:0 5% 15% 5%; background-image: url("../images/medium/background.jpg");}
#container h1 {font-size: 24px;}

#footer{padding: 0 5%;}
#footer p{font-size: 18px; padding: 0 0 50px 0;}
#footer p a + a{margin-left: 25px;}
#footer p a span + span{font-size: 18px;}
#footer p .float-left{margin: 15px 0 0 0;}

.pict{width: 62px; height: 50px;}
}
@media screen and (max-width:950px) {
#container {padding:0 30px 20% 30px; background-image: url("../images/small/background.jpg");}
#container h1 {font-size: 20px; text-align: center; padding: 20% 0 0 0; background-position: top center; background-size: auto 90px;}

#footer{padding: 0 30px;}
#footer p{font-size: 16px; padding: 0 0 40px 0; text-align: center;}
#footer p a + a{margin-left: 5px;}
#footer p a span + span{font-size: 16px;}
#footer p .float-left{margin: 0 0 30px 0; float: none; display: block; width: 100%;}

.pict{width: 50px; height: 40px;}
}
@media screen and (max-width:600px) {
#container {display: block; padding:0 30px; background-image: url("../images/tiny/background.jpg"); padding-top: 100px;}
#container h1 {font-size: 16px; padding: 180px 0 0 0; background-position: top center; background-size: auto 70px;}

#footer p{font-size: 14px; padding: 0 0 30px 0;}
#footer p a span + span{font-size: 14px;}
.pict{width: 37px; height: 30px;}
}