#logo-intro .logo {
width: 60%;
height: 60%;
}
#animation {
padding-bottom: 0;
}
#sponsor .grid-sponsor-2 .logo {
width: calc(100% / 2);
}
#sponsor .grid-sponsor-3 .logo {
width: calc(100% / 3);
}
#sponsor .grid-sponsor-4 .logo {
width: calc(100% / 4);
}
#sponsor .grid-sponsor-5 .logo {
width: calc(100% / 5);
}
#sponsor .grid-sponsor-6 .logo {
width: calc(100% / 6);
}
#sponsor .grid-sponsor-7 .logo {
width: calc(100% / 7);
}
#sponsor .grid-sponsor-8 .logo {
width: calc(100% / 8);
}
#sponsor .gold .logo {
height: 80px;
text-align: center;
}
#sponsor .silver .logo {
height: 60px;
text-align: center;
}
#sponsor .bronze .logo {
height: 50px;
text-align: center;
}
#big-day .data {
width: 25%;
}
#big-day .data .number {
width: 100%;
font-size: 6em;
text-align: center;
}
#big-day .data .name {
width: 100%;
font-family: var(--text-font-family);
font-weight: bold;
text-align: center;
}

@media (max-width: 768px){
#logo-intro .logo {
width: 80%;
height: 80%;
}
#animation object{
margin-bottom: -25%;
}
#animation {
padding: 25% 0;
}
#animation .logo {
width: 70%;
margin-left: 15%;
}
#animation .logo img {
object-position: center;
}
#animation .text {
width: 100%;
line-height: 100px;
height: 100px;
}

#sponsor .gold{
margin-top: 10%;
}
#sponsor .bronze,
#sponsor .silver{
margin-top: 5%;
}
#sponsor .silver .logo,
#sponsor .gold .logo,
#sponsor .bronze .logo {
width: 45%;
margin: 2.5%;
}
#sponsor .w-50 {
width: 100%;
}
#sponsor .grid-sponsor-3 .logo:nth-child(3) {
margin-left: 27.5%;
}
#sponsor .grid-sponsor-5 .logo:nth-child(5) {
margin-left: 27.5%;
}
#sponsor .grid-sponsor-7 .logo:nth-child(7) {
margin-left: 27.5%;
}

.h-100 .w-40 {
width: 90%;
margin-top: 20%;
}
.h-100 .w-40 .title {
font-size: 1.8em;
}
.h-100 .w-40 .text {
margin-top: 5%;
}
#evento {
padding: 15% 0;
}
#evento .mt-5 {
margin-top: 10%;
}
#big-day .data {
width: 100%;
margin-top: 5%
}
#big-day .data .number {
width: 100%;
font-size: 6em;
line-height: 1em;
text-align: center;
}
#big-day .data .name {
width: 100%;
font-family: var(--text-font-family);
font-weight: bold;
text-align: center;
}
}