.entry-content > div{
    margin-top:0;
    margin-bottom:0;
}
html, body {
    margin: 0;
    padding: 0;
    height: auto;
    background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0.60)),
    url("/wp-content/uploads/2023/04/Woodbackground.jpg")
}
.header {
    /*margin-bottom: 0.25%;*/
    width: 100%;
    height: 94%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% auto !important;
    background-image: url("https://citylightschurch-abq.org/wp-content/uploads/2023/04/18085_58_z.jpg")
}
a:link, a:visited {
    margin-top: 1px;
    color: white;
    padding: 2px 2px;
    text-align: center;
    text-decoration: none;
  }
  
  a:hover, a:active {
    color: red;
  }
.footer {
    float: left;
    left: 0;
    bottom: 0;
    width: 102%;
    background-image: url("/wp-content/uploads/2023/04/footer.webp");
    color: white;
    text-align: center;
 }
.logo {
    position: absolute;
    /*bottom: 4%;*/
    background-color: transparent;
 }
.scripture {
    color:rgb(255, 255, 255);
    width: 98%;
}
.section_2 {
    width: 100%;
    float: left;
    margin-right: .25%;
    margin-bottom: .25%;
}
.pastors {
    width: 35%;
    float: left;
    margin-right: .25%;
    margin-left: 3.00%;
    margin-bottom: .25%;
}
.service_times {
    max-width: 57%;
    float: left;
    margin-right: .25%;
    margin-left: 1.25%;
    margin-top: 0.25%;
    margin-bottom: .25%;
}
.media_inlay {
    width: 75%;
    height: fit-content;
    text-align: center;
    float: left;
    margin-bottom: 3%;
    border-width: 1;
    border-style: double;
    border-color: grey;
    margin-left: 12.50%;
    margin-top: 2.5%;
    background: rgba(74, 70, 83, 0.6);
}
.video {
    float: left;
    color:rgb(255, 255, 255);
    margin-right: 0.25%;
    margin-left: 5.00%;
    margin-top: -8.25%;
    margin-bottom: 0.25%;
    /*text-shadow: 3px 3px 3px #000000;*/
}
.audio {
    float: left;
    color:rgb(255, 255, 255);
    margin-right: 0.25%;
    margin-left: 12.50%;
    margin-top: -8.25%;
    margin-bottom: 0.25%;
    /*text-shadow: 3px 3px 3px #000000;*/
}
.player_inlay {
    float: left;
    margin-right: .25%;
    margin-left: -10.00%;
    margin-top: 0.25%;
    margin-bottom: .25%;
    /*text-shadow: 3px 3px 3px #000000;*/
}
/*FIXME: UNSURE IF THE BELOW CODE IS NECESSARY FOR MOBILE DEVICES*/
/* For mobile phones: */ [class*="col-"] {
     width: 100%;
}
@media  only screen and (min-width: 430px) and (max-width: 604px) {
     /* For tablets: */
     .col-m-1 {
     width: 100%;
     height: 94%;
}
.col-m-2 {
     width: 90%;
     height: 655px;
}
}
@media only screen and (min-width: 604px) and (max-width: 800px) {
     /* For tablets: */
     .col-t-1 {
     width: 98.60%;
     height: 1165px;
}
.col-t-2 {
     width: 90%;
     height: 650px;
}
}
@media only screen and (min-width: 800px) and (max-width: 1024px) {
     /* For tablets: */ .col-a-1 {
     width: 98.60%;
     height: 1300px;
}
.col-a-2 {
     width: 90%;
     height: 600px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
     /* For tablets: */ .col-b-1 {
     width: 20%;
     height: 1251px;
}
.col-b-2 {
     width: 20%;
     height: 620px;
}
}
/*FIXME: IF ABOVE CODE IS UNNECESSARY; THE BELOW CODE IS NECESSARY TO PLACE INTO CORRECT STYLES ABOVE*/
@media only screen and (min-width: 1366px) {
     /* For desktop: */ 
.col-1 {
    max-width: 100%;
    height: 94%;
}
.col-2 {
     width: 38.40%;
     margin-left: 2%;
     height: 85%;
}
.col-4 {
    width: 99.5%;
}
.col-5 {
    width: 52%;
}
.col-6 {
    width: 45%;
}
}