/* This is to set the style of the Index page */
/* reset */
/*INDEX.CSS FILE TESTS GOOD 202307091517*/
* {

    padding:0;
    margin:0;
    width:auto;
    height:auto;
}

#wrapper {
    box-sizing:content-box;
    width:auto;
    height:auto;
    background-origin:content-box;
    background-image:url("/static/images/Landscape001.jpg");
    background-position:top;
    background-repeat:no-repeat;
    background-size:100%;
    background-color:cadetblue;
}

#introhead {
    margin-left: 33%;
    width:30%;
    height:auto;
    /*text-align:center;
    float:inline-end;*/
}

#menuboard {
    float:left;
    border:3px, inset;
    width: 15%;
    height: auto;
    padding-top:10px;
    padding-bottom:10px;
    background-color:powderblue;
    font-size: 1.1em;
    text-align:center;
    box-shadow: 2px 2px 3px 3px gray;
    margin-left:10px;
   /* margin-bottom:10px;*/
}

#gceumnote {
    float:right;
    width:60%;
    height:auto;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size:1em;
    color:red;
    font-style:normal;
    font-weight:bold;
    text-align: center;
    background-color:lightgrey;
    border: 3px inset;
    border-radius: 10px 20px 20px 20px;
    box-shadow: 2px 2px 3px 3px gray;
    /*margin-top:5%;*/
    margin-right:18%;
}

.oval {width:160px; height:80px white; border-radius:80%;}

#greetingstatement {
    float:left;
    margin-top:20px;
    margin-left:22.5%;
    height:fit-content;
    width:60%;
    font-family: Arial, Verdana;
    font-size: 1.2em;
    color:black;
    text-align: center;
    border:3px inset;
    box-shadow: 2px 2px 3px 3px gray;
    background-color: powderblue;
   /* padding: 10px;*/
 }
#visuals {
    float:left;
    height:450px;
    margin-top:10px;
    width:100%;
}

 #churchloc {
    font-size: 1.1em;
    font-weight: bold;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url("/static/images/Historical-Church-300x214.jpg");
    text-align: center;
    width:32%;
    color:red;
}

#worshiptime {
    font-size: 1.2em;
    font-weight: bold;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url("/static/images/Homepage-box-right-300x250.jpg");
    background-color: lightyellow;
    text-align: center;
    width:32%;
    color:red;
}

 #googlelocation {
    font-size: 1.2em;
    font-weight: bold;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url("/static/images/mapimage.jpg");
    background-color: lightyellow;
    text-align: center;
    width:32%;
    color:red;
}

#representatives {
    height:270px;
    margin-top:10px;
    margin-left:0px;
    width:100%;
    color:black;
    font-size:1.1em;
    font-weight: bold;
    text-align: center;
    background-size: auto;
}

 #pastorm {
    background-size:auto;
    width:30%;
    /*background-color: cadetblue;*/
    background-image:url("/static/images/Rev_SherryR1.png");
    background-repeat:no-repeat;
    background-position:center;
}

#generalcontact {
    width:38%;
    background-color: lightyellow;
    border: 2px inset red;
}

 #pastore {
    width:30%;
    /*background-color: pink;*/
    background-image:url("/static/images/Rev_Christy.jpg");
    background-repeat:no-repeat;
    background-position:center;
}


#footer {
/*    float:center;*/
    background:transparent;
    width:100%;
    height:50px;
    position:bottom;
    text-align: center;
    color:black;
    font-size:1.4em;
 }
/*
body {
    background-color:powderblue;
}
@media screen and (max-width:960px) {
    body {
        background-color:red;
    }
}
@media screen and (max-width:768px) {
    body {
        background-color:orange;
    }
}
@media screen and (max-width:550px) {
    body {
        background-color:yellow;
    }
}
@media screen and (max-width:320px) {
    body {
        background-color:green;
    }
}*/