/*Header*/

.page_header{
  position:absolute;
  background-color:white;
  top:0px;
  left:0px;
  width:100%;
  height:20%;
}
  #header_image{
    position:relative;
    left:50%;
    transform: translate(-50%);
    width: 350px;
    /* height: ; */
  }
  @media screen and (max-width: 500px) {
    #header_image{
      width: 287px;
    }
  }

  .lower_header{
    position:relative;
    width:100%;
    height:15%;
    font-family:rockwell;
    background-color: #42782A;
  }

      .tabs{
        color:white;
        display:inline-block;
        width: calc(96% / 5);
        text-align:center;
        margin:auto;
      }
      @media screen and (max-width: 500px) {
        .tabs{
          width: calc(90% / 5);
          text-align:center;
          vertical-align: text-top;
          font-size: 12px;
        }
      }
/*Main Page*/
#main_content{
  position:absolute;
  width:100%;
  height:70%;
  left:0px;
  top:20%;
  overflow: auto;
  /* background-color:lightgray; */
  /* background-image: linear-gradient(gray,lightgray); */
}
@media screen and (max-width: 500px) {
  #main_content{
    top:15%;
    height: 75%;
  }
}
#church_image{
  position:absolute;
  top:0px;
  width:100%;
  height:100%;
  opacity: .2;
  z-index: 999;
}

/*About Us Page*/
#about{
  display:inline-block;
  position: relative;
  overflow: scroll;
  width:100%;
  height: 100%;
  z-index: 999;
}
  .aboutus_header{
    text-align:center;
  }
.serviceTimes_header{
  text-align:center;
}
  .serviceTimes_head{
    font-weight:bold;
    font-style: rockwell;
    font-size: 20px;
  }
  .serviceTimes{
    font-family:rockwell;
    font-size: 16px;
  }

  /*Pastor Page*/
#pastor{
  display:inline-block;
  position: relative;
  overflow: scroll;
  width:100%;
  height: 100%;
  z-index: 999;
}
@media screen and (max-width: 500px) {
  #pastor{
    display:block; 
  }
}

#pastor_family{
  display:inline-block;
  position: relative;
  top:0px;
  width:100%;
  height:80%;
}
@media screen and (max-width: 500px) {
  #pastor_family{
    display:block; 
    width: 100%; 
    overflow:auto; 
  }
}
/*Beliefs Page*/
#beliefs{
  display:inline-block;
  position: relative;
  overflow: scroll;
  width:100%;
  height: 100%;
  z-index: 999;
}
.doctrine_header{
  text-align: center;
  font-style:bold;
  font-size: 20px;
  font-family:rockwell;
}
.doctrine_body{
  text-align: justify;
  font-family:rockwell;
}

/*Contact Page*/
#contact{
  display:block;
  position: relative;
  overflow:scroll;
  width:100%;
  height: 100%;
}

  .contact_header1{
    font-family:rockewell;
    width:100%;
    text-align:center;
  }

.map{
    position:relative;
  	top:10%;
    width:95%;
  	margin:auto;
  }

  .contact_form{
    position:relative;
    top:10%;
    width:95%;
    margin:auto;
  }

  .input_label{
    display:block;
    font-family: rockwell;
    left:0px;
  }
  .input_text{
    display:block;
    left:5px;
    width:300px;
  }
  #message{
    height:100px;
  }
  #send_message{
    position:absolute;
    width:30px;
    height:30px;
  }
  #send_message:hover{
    width:35px;
    height:35px;
  }

/*Media Page*/
#media{
  display:inline-block;
  position: relative;
  width:95%;
  height: 100%;
}
.media_header {
  text-align:center;
  font-family: rockwell;
}
  #youtube_page{
    position:relative;
    display:inline-block;
    width:49%;
    height:100%;
  }
  #youtube_img{
    width:100px;
    height:75px;
  }
  #facebook_page{
    position:relative;
    display: inline-block;
    width:49%;
    height:100%;
  }
  #facebook_img{
    width:100px;
    height:75px;
  }

/*Bottom Footer*/
.bottom_header{
  position: absolute;
  width:100%;
  height:10%;
  top:90%;
  left:0px;
  font-family:rockwell;
  /* border-radius:10%; */
  background-color: #42782A;
  z-index:9999;
}
    .bottom_text{
      color:white;
      display:inline-block;
      width: calc(97% / 3);
      text-align:center;
    }
    @media only screen and (max-width: 415px) {
    .bottom_text {
      font-size: 12px;
      width: calc(97% / 3);
      text-align:center;
      vertical-align: text-top;
    }
  }