html, body {
    margin: 0;
    box-sizing: border-box;
    min-height: 100%;
}

main {
    min-height: calc(100vh - 80px - 80px);
}

img { max-width:100%; height:auto }

a {
    text-decoration: none;
}

footer {
    min-height: 80px;
    display: table;
    width: 100%;
}

footer > .container {
    display: table-cell;
    vertical-align: middle;
}

.video{
    max-width: 100%;
    height: auto;
}

.image-gallery {
    display: grid;
    gap: 30px;
}

.grid-2 { grid-template-columns: repeat(2, 1fr);}
.grid-3 { grid-template-columns: repeat(3, 1fr);}
.grid-4 { grid-template-columns: repeat(4, 1fr);}
.grid-5 { grid-template-columns: repeat(5, 1fr);}
.grid-6 { grid-template-columns: repeat(6, 1fr);}
.grid-7 { grid-template-columns: repeat(7, 1fr);}
.grid-8 { grid-template-columns: repeat(8, 1fr);}

.text-justify { text-align: justify; }

.bg-golden { background: #d4a847; }
.text-golden { color:#d4a847; }

.border-gold { background: #d4a847; }
.border-golden { border:1px solid #d4a847; }

.bg-violet { background:#411a66; }

.bg-blue { background:#00BCD4 }


.bg-dark-blue { background:#111827 }
.text-dark-blue { color:darkblue; }

.bg-dark-violet { background:#11031e }






.bg-gradient-red {
    background: linear-gradient(135deg, #3b0710 0%, #b3122f 50%, #ff3b30 100%);
}

.bg-gradient-orange {
    background: linear-gradient(135deg, #3a1603 0%, #d35400 50%, #ff9f43 100%);
}

.bg-gradient-purple {
    background: linear-gradient(135deg, #18052d 0%, #6f22a8 50%, #b84cff 100%);
}

.bg-gradient-blue {
    background: linear-gradient(135deg, #03152e 0%, #0755a5 50%, #20a4f3 100%);
}

.bg-gradient-cyan {
    background: linear-gradient(135deg, #031e24 0%, #087f8c 50%, #20d9d2 100%);
}

.bg-gradient-green {
    background: linear-gradient(135deg, #061f15 0%, #087f5b 50%, #20c997 100%);
}

.bg-gradient-pink {
    background: linear-gradient(135deg, #2b071d 0%, #a61e6d 50%, #f45b9a 100%);
}

.bg-gradient-yellow {
    background: linear-gradient(135deg, #2b1d02 0%, #b77900 50%, #ffd43b 100%);
}

.bg-gradient-violet {
    background: linear-gradient(135deg, #11031e 0%, #4b176e 50%, #8e44ad 100%);
}

.bg-gradient-dark {
    background: linear-gradient(135deg, #080808 0%, #242424 50%, #454545 100%);
}



.bg-gradient-darma {
    background: linear-gradient(135deg, #210900 0%, #8f2d00 50%, #f26a21 100%);
}

.bg-gradient-midnight {
    background: linear-gradient(135deg, #020617 0%, #111827 50%, #1e3a5f 100%);
}

.bg-gradient-neon {
    background: linear-gradient(135deg, #12002b 0%, #5b0fa8 50%, #00b8d9 100%);
}

.bg-gradient-fire {
    background: linear-gradient(135deg, #210000 0%, #9d1c00 45%, #ffb000 100%);
}