@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

body {
   font-family: 'Poppins', sans-serif;
}

p, h5, a, li{
   font-size: 1rem;
}

h1#title-header{
   color: #fc6e02 !important;
}

a#title{
   color: #fc6e02 !important;
}

nav.navbar{
   background-color: #005284;
}

nav  a.nav-link {
   color: #fc6e02;
}

nav button.navbar-toggler {
   color: #fc6e02; 
   border-color:#fc6e02;
}

div.jumbotron a#btn-header{
   background-color: #fc6e02;
   color: white;
}

div#info div.container,
div#servicos div.container,
div#avaliacoes div.container {
   padding-top: 64px;
   padding-bottom: 64px;
}

div#info a.btn {
   margin-top: 16px;
}

div#info span#badge-call {
   background-color: #fc6e02;
   font-size: 1.25rem;
}

div#info div.col-md-3.col-6 {
   margin-top: 16px;
}

a#title,
h3#title {
   color: #005284;
}

div#servicos {
   background-color: #fc6e02;
}

div#servicos div.card {
   margin-top: 16px;
   margin-bottom: 16px;
   color: #fc6e02;
}

div#servicos img#img-card {
   border: 5px solid white;
}

div#servicos li{
   font-size: 1.2rem;
}

div#avaliacoes div.col-md-4 {
   padding-top: 16px;
}

div#avaliacoes div.card {
   border: none;
   background-color: #C5C5C5;
}

div#avaliacoes p.font-italic {
   color: #fc6e02;
   font-weight: 700;
}

footer div.container {
   padding-top: 64px;
   padding-bottom: 64px;
}

footer h3{
   color: #fc6e02;
}

footer li{
   padding-top: 8px;
}

section#dev {
   padding-top: 64px;
   padding-bottom: 64px;
}

#modal {
   display: none;
   /* O modal inicialmente não é exibido */
   position: fixed;
   /* O modal fica fixo no rodapé do centro da página */
   bottom: 32px;
   left: 50%;
   transform: translateX(-50%);
   width: 720px;
   height: 150px;
   background-color: #1E1E1E;
   opacity: 1;
   /* Cor preta e opacidade 50% */
   z-index: 2;
   font-size: 0.8rem;
}

#modal-content {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   text-align: center;
   padding: 16px;
}


@media screen and (max-width: 600px) {
   #title-header {
      font-size: 1.5rem;
   }

   #sub-title-header {
      font-size: 1rem;
   }

   #text-header {
      font-size: 1rem;
   }

   #modal {
      bottom: 0px;
      display: none;
      /* Hidden by default */
      position: fixed;
      /* Stay in place */
      z-index: 2;
      /* Sit on top */
      left: 50%;
      width: 100%;
      /* Full width */
      height: 100%;
      /* Full height */
      overflow: auto;
      /* Enable scroll if needed */
      background-color: rgb(0, 0, 0);
      /* Fallback color */
      background-color: rgba(0, 0, 0, 0.5);
      /* Black w/ opacity */
      margin-bottom: 0px;
   }

   /* Modal Content */
   #modal-content {
      background-color: #1E1E1E;
      margin:  auto;
      /* 15% from the top and centered */
      padding: 20px;
      width: 80%;
      /* Could be more or less, depending on screen size */
   }

}