body{ font-family: "Montserrat", sans-serif; }  .container { width: 60%;  margin: 0 auto;  background-color: #fff;  padding: 20px;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);  border-radius: 8px;  }  header { background-color: #34495e;  padding: 20px 0;  text-align: center;  } header h1 { font-family: "Montserrat", sans-serif; color: white;  font-size: 36px;  margin: 0;  text-transform: uppercase;  letter-spacing: 2px;  }  section { width: 60%;  margin: 20px auto;  background-color: #f9f9f9;  padding: 20px;  border-radius: 8px;  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);  font-family: "Montserrat", sans-serif; }  section h2 { font-family: "Montserrat", sans-serif; color: #2c3e50;  font-size: 28px;  margin-bottom: 15px;  text-align: center;  text-transform: uppercase;  letter-spacing: 1px;  transition: transform 0.3s ease-in-out;  }  section h2:hover { transform: scale(1.1);  }  section p { font-family: "Montserrat", sans-serif; color: #555;  font-size: 16px;  line-height: 1.8;  margin-bottom: 15px;  }  section img { width: 100%;  max-width: 100%;  height: auto;  object-fit: contain;  border-radius: 8px;  margin-top: 15px;  }  footer { background-color: #ecf0f1;  padding: 10px 0;  text-align: center;  font-family: 'Arial', sans-serif; color: #7f8c8d;  font-size: 14px;  margin-top: 20px;  } footer p { margin: 0;  }  @media (max-width: 768px) {  .container { width: 90%;  padding: 10px;  }  section { width: 90%;  }  section h2 { font-size: 24px;  }  section p { font-size: 14px;  }  footer { font-size: 12px;  }  section img { width: 100%;  } }