@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

a, a:hover, a:visited {
    color: #c4796a;
}

body {
    background: linear-gradient(127deg, rgba(2,0,36,1) 0%, rgba(25,3,42,1) 35%, rgba(0,21,33,1) 100%), url('/img/textures/45-degree-fabric-light.png');
    background-blend-mode: overlay, normal;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 20pt;
    margin: 0 0 40pt 0;
    padding: 0;
    text-align: center;
    text-shadow: 2pt 2pt 2pt #000;
}

form {
    text-align: left;
}

h1 {
    margin: 40pt auto;
    font-size: 40pt;
    text-transform: uppercase;
}

h1 span {
    display: block;
    font-size: 20pt;
}

p {
    margin: 40pt auto;
}

video {
    width: 100%;
}

.copyright {
    font-size: 12pt;
}

.button-row {
    margin-top: 30pt;
}

.container-block {
    margin: 40pt auto;
}

.home .logo-inner {
    margin-top: 0;
}

.logo-inner {
    margin: 40pt auto 0 auto;
    width: 40%;
}

.ytplayer-container {
    position: relative;
    padding-bottom: 50.625%; /* 16:9 */
    height: 0;
}

.ytplayer-container iframe {
    position: absolute;
    top: 0;
    left: 5%;
    width: 90%;
    height: 90%;
}

#lightgallery a.thumb img {
    width: 100pt;
}

.mainphoto {
    padding: 10pt 0;
}

.mainphoto img {
    width: 70%;
}

@media only screen and (max-width: 1200px) {
    .mainphoto img {
        width: 90%;
    }
}




/* Boostrap overrides */
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #c4796a !important;
    border-color: #c4796a !important;
}