@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;0,700&display=swap');



body {font-size: 17px; font-family: 'Poppins', sans-serif; color: #383E42; font-weight: 400; margin: 0;  padding: 0; width: 100%; min-height: 100%}

a {color:#BB1F11; text-decoration: none; transition: all .4s ease}
a:hover {color: #383E42;text-decoration: underline}

li {padding-bottom: 8px}
#main {width: 100%; height: 100vh; position: relative; background: url("_bg.jpg") no-repeat center top; background-size: cover; overflow-x: hidden; padding: 0; margin: 0;  }

.logo {position: absolute; top: 75px; left:50%; transform: translateX(-50%); width: 22vw; height: auto; animation-name: homologo; animation-duration: 3s; animation-timing-function: ease-out; opacity: 1 }
@keyframes homologo {
0% 	{top: 140px; opacity: 0}
33% {top: 140px; opacity: 0}
100% {top: 75px; opacity: 1 }
}

.tel {color:#fff; position: absolute; top: 0px; right:0px; font-size: 17px; font-weight: 600; background: rgba(0,0,0,0.25); border-bottom-left-radius: 40px; border-bottom: 1px solid rgba(255,255,255,0.42); padding: 13px 33px 13px 40px }
.tel:hover  {text-decoration: none}

#buckets {max-width: 990px; min-height: 33vh; margin: 58vh auto 0; }
.bucket {min-height: 33vh; width: 300px; margin: 0 15px 30px; background: rgba(41,45,47,0.82); float: left; border-radius: 10px }
.bucketcontent {padding: 23px 25px; color:#fff;}
.bucketcontent h3 {margin: 0 0 12px; font-weight: 700}
.clear{clear: both}
.bucketcontent ul {margin: 0; padding: 0 0 0 6px; width: 100%}

.two, .three, #copyblock {float: none; clear: both}
.two img {width:50%;height: auto; margin: 0; outline: none; float:left}
.three img {width: 33.3333%; height: auto; margin: 0; outline: none; float:left}

footer {background:#BB1F11; border-top: solid 12px #383E42; display: block; width: 100%; height: 22px}

#copyblock {background: rgba(224,224,224,1.00); width: 100%; display: block; margin: 0 0 -33px }
#copyblock div {margin: 45px auto 35px; padding: 40px 30px; max-width: 990px; display: block }

@media (max-width: 1000px) {
.logo {width: 39vw; height: auto}
.tel {font-size: 16px; padding: 11px 24px 11px 29px }
.bucket {min-height: auto; width: 90%; margin: 0 auto 30px; float: none; display: block; }
}


@media (max-width: 780px) {
.logo {width: 60vw; height: auto}
.tel {right:auto; left:50%; transform: translateX(-50%);  font-size: 15px; font-weight: 600; background: rgba(0,0,0,0.25); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;  padding: 6px 20px 6px 20px }
}