* {
  font-family: "Open Sans", sans-serif;
}

body,
html {
  background-color: #ededee;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

#nav {
  width: 100% !important;
  background: linear-gradient(lightblue, #004065, black);
}

#nav_desc {
  color: white;
}

a.btn-primary {
  color: white !important;
}

#logo_img {
  width: 530px;
}

#text-desc {
  color: #004065;
}

#separator {
  height: 10px;
  background: linear-gradient(grey, lightgray, grey);
  border-top: 2px solid grey;
  border-bottom: 2px solid grey;
}

#separator-lines {
  height: 3px !important;
  background-color: #004065;
}

#footer {
  width: 100% !important;
  height: 150px;
  /*background-color:  #ededee;*/
  background: linear-gradient(black, #004065, lightblue);
}

#content_container {
  background-color: #ededee;
  padding-bottom: 1px;
  flex: 1;
  /* Faz o conteúdo principal ocupar o espaço restante */
  padding: 20px;
}

#content {

  background-color: #f8f9fa;
}

#nav_desc {
  padding-top: 20px;
}

@media only screen and (max-width: 540px) {
  #logo_img {
    width: 380px;
  }
}

@media only screen and (max-width: 410px) {
  #logo_img {
    width: 310px;
  }
}