/*Elton-it-undernav*/
#Professionalism{
  display: flex;
  text-align: center;
  width: 80%;
  margin: 20px auto;
  gap: 20px;
}
@media only screen and (max-width: 1200px){
 #Professionalism{
  width: 90%;
  margin: 20px auto;
  display: flex;
  flex-direction: column;
}
}
/*End of Elton-it-undernav*/






/*Undernav-Image*/
.professionalism-Image{
  width: 50%;
}
@media only screen and (max-width: 1200px){
.professionalism-Image{
  width: 100%;
}
}
.professionalism-Image img{
  width: 80%;
}
/*End of Undernav-Image*/







/*Undernav-text*/
.professionalism-text{
  width: 50%;
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 100px 0px 0px 0px;
}
@media only screen and (max-width: 1200px){
.professionalism-text{
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 0px 0px 0px 0px;
} 
}

.professionalism-text h1{
  font-size: 32px;
}


.professionalism-text p{
  text-align: justify;
}



/*One of Undernav-text*/









/*Undernav-list*/
.professionalism-list{

}
.professionalism-list li{
  list-style: none;
  margin-bottom: 20px;
  font-size: 18px;
}
.professionalism-list{
  
}
/*End of Undernav-list*/




/*Undernav-button*/
.professionalism-button a{
  background-color: blue;
  opacity: 0.6;
  color: white;
  font-size: 22px;
  text-decoration: none;
  padding: 10px 16px 10px 16px;
  border-radius: 6px;
}

/*End of Undernav-button*/