.lessons{
    display: block;
}
.lessons-mobile{
    display: none;
}
@media only screen and (max-width: 600px){
    #header {
        font-size: 1.50vh !important;
    }
    .golfbg{
        background-image: url("pictures/golfbg0\ -\ Mobile.jpg") !important;
        background-size: cover !important;
    }
    .golfbgback{
        background-image: url("pictures/golfbg\ -\ Back\ -\ Mobile.jpg") !important;
    }
    .golfbgfront{
        background-image: url("pictures/golfbg\ -\ Front\ -\ Mobile.jpg") !important;
    }
    #margins-mobile{
        margin-top: 50% !important;
    }
    .lessons{
        display: none !important;
    }
    .lessons-mobile{
        display: block !important;
    }
    footer {
        font-size: 1.5vh !important;
    }
    p {
        font-size: 2vh !important;
    }
}
.stretch {
    width:100%;
    height:100%;
}
#header{
    color : #FFFFFF;
    background-color: #be457c;
    height: auto;
    font-size: 1.50vw;
    padding-left: .5em;
}
    .nav-item :hover{
        color: #e2e2e2 !important;
    }

.bad-script-regular {
    font-family: "Bad Script", cursive;
    font-weight: 400;
    font-style: normal;
}
.playball-regular {
font-family: "Playball", cursive;
font-weight: 400;
font-style: normal;
}
.nerko-one-regular {
    font-family: "Nerko One", cursive;
    font-weight: 400;
    font-style: normal;
}
.fira-mono-regular {
  font-family: "Fira Mono", monospace;
  font-weight: 400;
  font-style: normal;
}
.pacifico-regular {
  font-family: "Pacifico", cursive;
  font-weight: 400;
  font-style: normal;
}
body{
    flex-grow:1;
    background-color: #be457c;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
    
    .golfbg{
        background-image: url("pictures/golfbg0.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        filter: grayscale(10%);
    }
    .golfbg {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #be457c; /* Change the color and opacity as needed */
    }
    .golfbgfront{
        background-image: url("pictures/golfbg\ -\ Front.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        filter: grayscale(10%);
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #be457c; /* Change the color and opacity as needed */
    }
    .golfbgback{
        background-image: url("pictures/golfbg\ -\ Back.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        filter: grayscale(10%);
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #be457c; /* Change the color and opacity as needed */
    }
    .golfbgwine{
        background-image: url("pictuers/golfbg\ -\ Wine.JPEG");
        background-repeat: no-repeat;
        background-size: cover;
        filter: grayscale(10%);
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #be457c; /* Change the color and opacity as needed */
    }
p, h1, h2, h3, h4, h5, h6, a, ul, li{
    color: #FFFFFF !important;
}
    p{
        font-size:2.5vh;
    }
.btn{
    max-width: auto;
    max-height: 6.5vh;
}
.center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.center-column{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}
footer{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

}
a {
    text-decoration: none !important;
}
.lesson-pictures img{
    max-width: auto;
    max-height: 60vh;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
.lesson-pictures-mobile img{
    max-width: auto;
    max-height: 40vh;
    border-radius: 12px;
}