* {
    font-family:Arial, Helvetica, sans-serif;
    background-color:#ffffff;
}

#topnav {
    overflow: hidden;
    background-color: #ffffff;
    border-bottom: 1px solid #000000;
  }
  
#topnav a {
    float: left;
    color: #171717;
    text-align: center;
    padding-top:16px;
    padding-bottom:16px;
    padding-left:16px;
    padding-right:16px;
    text-decoration: none;
    font-size: 17px;
  }
  

  
#topnav a.active {
    
    color: rgb(0, 0, 0);
    font-weight: bold;
}

#carousel {
  display: flex;
  flex-direction: row;
  width: 80%;
  margin: auto;
  margin-top: 40px;
  
}

.slide {
  display: flex; 
  justify-content: center; 
  align-items: center; 
  padding-left: 12px;
  padding-right: 12px;  
}

.slide > img {
  
  border: 1px solid #ffffff ;
  width:100%;
}
#basic {
  margin-top: 40px;
  align-items: center;
  display: flex;
  justify-content: center;
}
#homegrid {
  margin: auto;
  display: flex;
  justify-content: center;
  width:60%;
  border: 1px solid #000000 ;
}

#s2 > img {
  width: 60%;
  margin: auto;
  display: flex;
  justify-content: center;
  border: 1px solid #000000 ;
}


#s3 > img {
  margin: auto;
  display: flex;
  width: 60%;
  justify-content: center;
  border: 1px solid #000000 ;
}
#s4 > img {
  margin: auto;
  display: flex;
  width: 60%;
  justify-content: center;
  border: 1px solid #000000 ;
}

#s2{
  margin-top: 80px;
}
#s3{
  margin-top: 80px;
}
#s4{
  margin-top: 80px;
}

p{
  text-align: center;
}
h2 {

  text-align: center;
}