.DivHeader {
  height: 700px;
  background-image: linear-gradient(rgba(255,255,255,0.25), rgba(255,255,255,0.55)), url("../../assets/img/background.jpg");
  background-position: 50% 50%;
  border-bottom: 4px solid #aacfe2;
}

#DivTitleID {
  height: 70%;
  align-items: center;
  justify-content: center;
  display: flex;
}

#H1Title {
  font-size: 68px;
  color: #012d4a;
  text-align: center;
}

#PTitle {
  font-size: 40px;
  color: #012d4a;
  text-align: center;
}

.DivButtons {
  height: 30%;
  width: 50%;
  margin: 0 auto;
  text-align: center;
}

.btn-primary {
  color: #fff;
  background-color: #012d4a;
  border-color: #016392;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}

#btnAbout {
  margin: 5px;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  height: 40px;
  width: 110px;
}

#btnProd {
  margin: 5px;
}

#btnContact {
  margin: 5px;
}

.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0a58ca;
  border-color: #0a53be;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
  box-shadow: 0 0 0 .25rem rgba(49,132,253,.5);
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.2;
}

.DivAbout {
  text-align: center;
  background-color: #012d4a;
  color: #fff;
  padding-top: 15px;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 45px;
  border-bottom: 4px solid #aacfe2;
}

#H2About {
  font-size: 32px;
}

#PAbout1 {
  font-size: 16px;
  margin-top: 25px;
}

#PAbout2 {
  font-size: 16px;
  margin-top: 15px;
}

#AboutImg {
  border: 2px solid #c6ccd8;
  border-radius: 100%;
  margin-top: 25px;
}

@media (min-width: 361px) {
  .ImgAboutHeight {
    width: 200px;
    height: 200px;
  }
}

@media (max-width: 360px) {
  .ImgAboutHeight {
    height: 170px;
    width: 170px;
  }
}

@media (min-width: 768px) {
  .ImgAboutHeight {
    width: 250px;
    height: 250px;
  }
}

.DivProd {
  color: #012d4a;
  background-color: #c6ccd8;
  text-align: center;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 15px;
  padding-bottom: 45px;
  border-bottom: 4px solid #aacfe2;
}

#H2Prod {
  font-size: 32px;
}

#PProd1 {
  font-size: 16px;
  margin-top: 25px;
}

#PProd2 {
  font-size: 16px;
  margin-top: 15px;
}

.DivContact {
  text-align: left;
  background-color: #012d4a;
  padding-bottom: 45px;
  border-bottom: 4px solid #aacfe2;
}

#H2Contact {
  color: #fff;
  font-size: 32px;
  text-align: center;
  padding-top: 25px;
}

.form-control:focus {
  color: #012d4a;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

#EndFooter {
  background-color: #c6ccd8;
}

.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d!important;
}