.header {
    display: flex;
}

.content-logo {
    flex: auto;
}
.content-heading {
    flex: 70%;
}
.content-social {
    flex: auto;
    /* margin-bottom: auto; */
}

.content-scripture {
    padding-top: 40px;
    padding-bottom: 40px;
}

.logo {
    width: 200px;
    height: auto;
    padding: 25px;
}

.heading {
    font-family: 'Playfair Display', serif;
    font-size: 4.6em;
    text-align: center;
    font-weight: 500;
    padding: 20px;


}

.language {
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    text-align: center;
    font-weight: 200;
    padding: 5px;
}

.min-heading {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    text-align: center;
    font-weight: 500;
    color: red;
}

.fa {
padding: 10px;
font-size: 20px;
width: 20px;
text-align: center;
text-decoration: none;
border: black 1px solid;
}

/* Add a hover effect if you want */
.fa:hover {
opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
background: #3B5998;
color: white;
}

/* Twitter */
.fa-twitter {
background: #55ACEE;
color: white;
}

.row {
    display: flex;
    
}

.col1 {
    flex: 100%;   
}

.col1 :hover {
    opacity: 0.7;
     
}

.col2 {
    flex: 50%;
    
}

.col2 :hover {
    opacity: 0.7;
     
}

.col3 {
    flex: 33.33%; 
}

.col3 :hover {
    opacity: 0.7;   
}

.col4 {
    flex: 25%;
    
}

.col4 :hover {
    opacity: 0.7;
     
}

.col5 {
    flex: 20%;
    
}



.tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

.button {
    background-color: #b3e691;
    border: 2px;
    color: rgb(214, 42, 42);
    padding: 8px; 
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 12px;
  }
  
   .button:hover {
  
        background-color: rgb(144, 146, 145);
      }
  

.tabs-elem {
    width: 230px;
    height: 230px;
    padding: 10px;
}

.content {
    font-family: serif;
    font-size: 22px;
    text-align: center;
    font-style: Solid;
    font-weight: 20;
    color: rgb(24, 21, 233);
    padding: 30px 30px;
}



/* .footer {
 left: 0;
 bottom: 0;
 width: 100%;
 background-color: rgb(20, 20, 20);
 color: white;
 text-align: left;
 padding: 40px 24px;
 border: rgb(26, 27, 27) 1px solid;   
} 

.footer :hover {
   background-color: red;
}  */

.footer {
    font-family: 'Playfair Display', serif;
    color: red;
    font-size: 24px;
    text-align: left;
    font-weight: 200;
    width: 100%;
    background-color: rgb(22, 21, 21);
    color: white;
    padding: 40px 24px;
}

.footer:hover {
    /* background-color: rgb(224, 44, 44); */
    background-image: url('./images/3angels.jpg');
}

table{
    font-family:Arial, Helvetica, sans-serif serif;
    border-collapse: collapse;
    width: 80;
}