body {
  margin: 0;
  padding: 0;
}

h2, p {
  margin: 10px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #ffffff;
  padding-bottom:10px;
  padding-top:10px;
  border-bottom: solid black 2px;
}

ul li {
  float: left;
  color:black;
}

ul li a {
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

ul li a:hover {
  background-color: #fafafa;
  
}

.Nav{
    float:right;
}
#NavPic{
    position:absolute;
    top:5px;
    left:20px;
    width:60px;
    height:60px;
}

#Bldrcrk{
    width: 1000px;
    height: 650px;
    margin-left: auto;
    margin-right: auto;
    margin-top:50px;
    margin-bottom:25px;
}

#AbtCont{
    display: flex;
}

.Center{
    text-align: center;
}

.head{
    text-align: center;
    font-size:45px;
    
}

#abtdesc{
    padding-left:220px;
    padding-right:220px;
    text-align:center;

}

#warinf{
    padding-left:220px;
    padding-right:220px;
    text-align:center;
}

.footer{
    background-color: black;
    color: white;
    text-align: center;
    padding: 10px;
    position: relative;
    bottom: 0;
    width: 100%;
    margin-top:20px;
}



/* Grid for Services Section */
.Sgrid{
    display: grid;
    grid-template-areas:
      "ba1 ba2 ba3 ba4"
      "ba5 ba6 ba7 ba8";
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
    padding: 5px;
    content: center;
}
.ba1{
    border: solid black 2px;
    margin:auto;
}

.ba2{
     border: solid black 2px;
    margin:auto;
}

.ba3{
    border: solid black 2px;
    margin:auto;
}

.ba4{
    border: solid black 2px;
    margin:auto;
}

.ba5{
    border: solid black 2px;
    margin:auto;
}

.ba6{
    border: solid black 2px;
    margin:auto;
}
.ba7{
    border: solid black 2px;
    margin:auto;
}
.ba8{
    border: solid black 2px;
    margin:auto;
}









.qagrid{
    display: grid;
    grid-template-areas:
      "qa1 qa2 qa3 qa4"
      "qa5 qa6 qa7 qa8";
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 3px;
    padding: 5px;
    gap:30px;
}

.qa1{
border: solid black 2px;
text-align:center;
}
.qa2{
border: solid black 2px;
text-align:center;
}
.qa3{
border: solid black 2px;
text-align:center;
}
.qa4{
border: solid black 2px;
text-align:center;
}
.qa5{
border: solid black 2px;
text-align:center;
}
.qa6{
border: solid black 2px;
text-align:center;
}
.qa7{
border: solid black 2px;
text-align:center;
}
.qa8{
border: solid black 2px;
text-align:center;
}

.simage{
    width:300px;
    height:300px;
    margin:auto;
}