@import url("https://fonts.googleapis.com/css?family=Fjalla+One|Roboto:300,400,500&display=swap" rel="stylesheet");

body,
html {
  margin: 0;
  height: 100%;
}

h2,
h4 {
  font-weight: normal; 
}

h2 {
  color: #f00;
}

h4 {
  color: #c60;
  margin-bottom: 0;
  padding-top: 0;
}

p {
  margin-top: 0;
  margin-bottom: 0.5rem !important;
}

.btn {
  font-size: 1.188rem;
}

.texto {
  font-size: 1.188rem;
}

.navbar-brand {
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.img-fluid {
  width: 100%;
}

.mt-3,
.my-3 {
  margin-top: 0 !important;
}

.container-fluid,
.container {
  padding: 0;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3) !important;
}

#logo {
  position: relative;
  margin: 0rem;
  padding: 0rem !important;
  float: left;
  width: 18.75rem;
}

#video {
  margin-top: 7.375rem !important;
}

.bg-info {
  background-color: #F5F5F5 !important;
}

/** RETURN TO TOP **/
.c-go-top {
  background: none repeat scroll 0 0 padding-box #666869;
  bottom: 20px;
  border: 1px solid #666869;
  border-radius: 4px;
  color: #eee;
  display: none;
  font-size: 12px;
  opacity: 0.8;
  padding: 10px;
  position: fixed;
  right: 2%;
  text-decoration: none;
  z-index: 999;
}

.c-go-top:hover,
.c-go-top:focus,
.c-go-top:active,
.c-go-top:visited {
  color: #fff;
  outline: 0;
  text-decoration: none;
}



/* Medium devices (tablets, 768px and up) */
@media (max-width: 767.98px) {
  h2,
  h4 {
    font-size: inherit;
    line-height: initial !important;
    padding-top: 1rem !important;
    text-align: justify;
  }

  h1 {
    font-size: inherit;
  }

  header {
    height: 5.313rem;
  }

  main{
    padding-left: 0.625rem !important;
    padding-right: 2.5rem !important;
  }

  p {
    font-size: initial !important;
    margin: 0 !important;
  }

  .mx-auto {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }

  .login,
  .carousel {
    display: none;
  }

  .container-fluid,
  .container,
  .navbar-brand {
    padding: 0rem !important;
  }

  .navbar-brand {
    height: auto !important;
    margin: 0rem !important;
  }

  .img-fluid {
    width: auto !important;
  }

  .conteudo,
  .footer {
    padding-left: 0.938rem;
    padding-right: 0.938rem;
  }

  .card-deck {    
    justify-content: center !important;
    align-items: center !important;
  }

  .bg-info {
    background-color: #F5F5F5 !important;
  }

  #logo {
    position: relative;
    margin: 0rem;
    padding: 0rem !important;
    float: right;
    width: 12.5rem !important;
  }

  #atuacao {
    display: flex;
    flex-direction: column;
    padding-top: 0.625rem !important; 
    padding-bottom: 0.625rem !important;
    align-content: center !important;
  }

  
  


  
}