.myVideo{
    width:100%;
    height:30vh
}

.myVideoInDesktopModal {
    width: 100%;
    height: 69vh
}

.myVideoInMobileModal {
    width: 100%;
    height: 48vh
}

label {
    padding: 10px;
    font-size: 18px;
    font-weight: bolder;
}


#search{
    margin-bottom:3vh;
}

#myData {
    min-height: 50vh;
}

h1 , h2{
    text-align: center;
    color: orangered;
    padding:8px;
}

.headOfSermon{
    text-align:center;
    color:black;
    font-size:20px;
}




@media (max-width:500px) {
    .forDesktop {
        display: none;
    }
}

@media (min-width:501px) {
    .forMobile {
        display: none;
    }
}