@media (min-width: 500px) and (max-width: 600px){}

/* this style only for other_churches.html*/
body 
{
font-family: Arial, Helvetica, Verdana, Tahoma;
text-align: left;
}

section{
    text-align:center;
}


h1, h2, h3, h6{
     text-align: center;
     font-weight: bold;
}

h4 {
    text-align:center;
    font-weight:normal;
}

.main {
    text-align:center;
    width:auto;
}

.index {
width:4%;
vertical-align:middle;
text-align: left;
font-size: 5px;
}

table.center {
    margin-left:auto; 
    margin-right:auto;
    text-align:center;
    max-width:300px;
    width:100%
}

img.center {
    display: block;
    margin-left:auto;
    margin-right:auto;
}

#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
  opacity:0.3;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

#link.img {
    vertical-align:middle;
    font-size:20px;
}

header {
    padding:5px;
}

img {
    margin-left:auto;
    margin-right:auto;  
}

#weather {
     display:block !important;
     margin-left:auto;
     margin-right:auto;
     width: 320px;
     text-align:center;
     font-family:sans-serif;
     font-size:12px;
}

.center {
    margin-left:auto; 
    margin-right:auto;
    text-align:center;
}

nav[aria-label="primary"] a { 
    background-color: #fff8c6; 
    box-shadow: 0px 0px 15px 5px #CCCCCC inset;
    border:1px solid #EEEEEE;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color:blue;
    display: inline-block; 
    float:center;  
    font-size: 20px;
    list-style-type:none;
    margin:auto;
    padding:10px;
    position:relative;
    left:50px;
    text-align:center;
    text-decoration:none;
    text-shadow:-1px 0px 0px #bbb;
    vertical-align:middle;
    height:25px;
    width:auto;}
    nav a:visited {color: purple;}
    nav a:active {color: #00FF00;}
    nav a:hover {color: red;}
    nav a:link: {color:blue;}
   
    

nav[aria-label="secondary"] a { 
    background-color: #fff8c6; 
    box-shadow: 0px 0px 15px 5px #CCCCCC inset;
    border:1px solid #EEEEEE;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color:blue;
    display: inline-block; 
    float:center;  
    font-size: 15px;
    left:20px;
    list-style-type:none;
    margin:auto;
    padding:10px 10px 10px 10px;
    position:relative;
    /*right:30px;*/
    text-align:center;
    text-decoration:none;
    /*text-shadow:-1px 0px 0px #bbb;*/
    vertical-align:middle;
    height:15px;
    width:auto;}
    nav a:visited {color: purple;}
    nav a:active {color: #00FF00;}
    nav a:hover {color: red;}
    nav a:link: {color:blue;}