*{box-sizing:border-box;font-family:"Lato",sans-serif}body,html{margin:0;padding:0;height:100%}.img-cover{background-repeat:no-repeat;background-size:cover;background-position:center}.img-contain{background-repeat:no-repeat;background-size:contain;background-position:center}.flex-center{display:flex;align-items:center;justify-content:center}.fixed-full{position:fixed;left:0;top:0;width:100%;height:100%}.background-img{z-index:50;background-position:20% center}.background-gradient{z-index:100;opacity:1;transition:opacity 1s;background:linear-gradient(164deg,#39b54a 16%,#006838 92%)}.background-gradient.hidden{opacity:0}.contents{position:relative;z-index:999}.logo-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:2s;z-index:80}.logo-container .logo-contents{width:80vw;padding-bottom:20%;transition:2s;transform-origin:bottom left}.logo-container .logo-contents.white{background-image:url(img/logo.png);position:absolute;top:0;left:0}.logo-container .logo-contents.green{opacity:0}.logo-container.small{top:60px;left:30px;transform:translate(0%,0%)}.logo-container.small .logo-contents{padding-bottom:9vw;transform:scale(0.4)}.logo-container.small .logo-contents.white{opacity:0}.logo-container.small .logo-contents.green{opacity:1}.logo-subtitle{margin-top:10px;font-weight:600;color:white;font-size:20px;text-transform:uppercase;transition:opacity 1s}.logo-subtitle.hidden{opacity:0}.contact-info-container{margin-top:40px;max-height:1px;opacity:0;transition:3s;transform:translateY(-20px)}.contact-info-container.visible{max-height:500px;opacity:1;transform:translateY(0px)}.contact-item{color:white;display:flex;flex-flow:column;margin-bottom:30px}.contact-item .contact-graphic-container{display:flex}.contact-item .contact-graphic-contents{width:22px;height:40px;transform:skew(20deg,0deg);background:linear-gradient(164deg,#39b54a 16%,#006838 92%)}.contact-item .contact-title-container{overflow:hidden;margin-left:-8px;display:flex;align-items:center}.contact-item .contact-title{margin-left:-200px;text-transform:uppercase;font-size:18px;font-weight:600;padding-left:20px;transition:margin 2s}.contact-item .contact-title.active{margin-left:8px}.contact-item .contact-text{text-align:left;text-transform:uppercase;font-size:15px;padding-left:40px}.contact-item a{color:white;text-decoration:none;text-transform:lowercase}.contact-item p{margin:5px 0}@media only screen and (max-width:840px){.logo-container.small .logo-contents{transform:scale(1)}}@media only screen and (max-width:520px){.background-img:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3)}}