.backgroundmain {
    min-height: 100%;
    background: rgba(255, 255, 224, 0.94);
    padding-top: 1%;
    padding-right: 5%;
    padding-left: 5%;
    padding-bottom: 8%;
}

.ClassListing {
    padding-top: 3%;
    font-size: 1.5vw;
}

.odd {
    margin: 0%;
    padding: 0%;
    text-align: left;
    padding-bottom: 3%;
    border-style: outset;
    margin-bottom: 3%;
}

.even .classDesPic {
    margin: 0;
    padding: 0%;
    border-radius: 12px;
    display: inline-block;
    width: 100%;
}

.odd .classDesPic {
    margin: 0;
    padding: 0%;
    border-radius: 12px;
    display: inline-block;
    width: 100%;
}

.even .classDesPic .inner {
    width: 90%;
    float: left;
}

.odd .classDesPic .inner {
    width: 90%;
    float: left;
}

.even .classDesPic .innerPic {
    padding-right: 3%;
    margin: 0%;
    float: right;
    height: 17vw;
    margin-right: 0%;
}

.odd .classDesPic .innerPic {
    padding-left: 3%;
    margin: 0%;
    float: left;
    height: 17vw;
    margin-right: 0%;
}

.inner {
    padding: 3%;
}

.inner h4 {
    margin: 0%;
    margin-bottom: 1%;
    text-align: left;
}

.inner h3 {
    margin-bottom: 1%;
    text-align: left;
}

.inner .ClassDescription {
    text-align: left;
    padding: 0%;
}

.innerPic {
    padding-top: 3%;
}

.ClassTitle {
    border-bottom: 1px solid black;
}

.ClassTeacher {
    text-align: left;
    font-weight: bold;
}

.even h3 {
    margin: 0%;
    padding: 0%;
}

.even p {
    margin: 0%;
    padding: 0%;
}

.even {
    margin: 0;
    padding: 0%;
    text-align: right;
    padding-bottom: 3%;
    border-style: outset;
    margin-bottom: 3%;
}

.bottom {
    margin-top: 30vh;
    text-align: center;
    font-size: 1.2vw;
    color: gray;
}

.bottom p {
    padding: 0%;
    margin: 0%;
}

.bottom a {
    text-decoration: none;
    color: gray;
}

.bottom a:hover {
    text-decoration: none;
    color: darkgray;
}
.even .iframeFloat{
    float: left;
    margin: 15px 30px 0px 15px;
    width: 30%;
    height: 300px;
    object-fit: cover;
}
.odd .iframeFloat{
    float: right;
    margin: 0px 0px 15px 15px;
    width: 30%;
    height: 300px;
    object-fit: cover;
}

.bible{
    float: right;
    margin: 15px 30px 0px 15px;
    width: 20%;
    height: 400px;
}
