.permanent-marker-regular {
    font-family: "Permanent Marker", cursive;
    font-weight: 400;
    font-style: normal;
  }
  h1{
    color:whitesmoke;
    font-family: "Permanent Marker";
  }

  body {
    background-color: #ededed;
    font-family:'Nunito', sans-serif;
  } 
  #title {
    background-color: #010169;
  }
  
  #mainNavBar  {
    font-weight: 100;
    background-color: #87AECE;
  } 

  
  #mainNavBar .nav-link {
    color:#010169 ;

  }

  #mainNavBar .nav-link:hover {
    color: white;
  }

  #mainNavBar .navbar-brand {
    color: #010169;
    font-size: 1.5rem;
  }
  #mainNavBar .navbar-brand:hover {
    color: white;
    font-size: 1.5rem;
  }

    h2 {
    font-weight: 100;
    font-size: 2rem;
    color: rgb(38, 0, 255);
  }
 
  #synology {
    padding-top: 25px;
    padding-bottom: 25px;
  }
#caseInteligente {
    padding-top: 25px;
    padding-bottom: 25px;
  }
#robotica {
    padding-top: 25px;
    padding-bottom: 25px;
    
  }


  @media(max-width: 950px) {
     h2 {
        font-size: 1.75rem;
        color:rgb(38, 0, 255);
      }
    h1 {
        font-size: 1 rem;
    }
    #synology {
        padding-top: 15px;
        padding-bottom: 15px;
      }
    #caseInteligente {
        padding-top: 15px;
        padding-bottom: 15px;
      }
    #robotica {
        padding-top: 15px;
        padding-bottom: 15px;
        
      }
  }
  @media(max-width: 700px) {
     h2 {
        font-size: 1.5rem;
        color: rgb(38, 0, 255);
      }
      #synology {
        padding-top: 7px;
        padding-bottom: 7px;
      }
    #caseInteligente {
        padding-top:7px;
        padding-bottom: 7px;
      }
    #robotica {
        padding-top: 7px;
        padding-bottom: 7px;
        
      }
      #navbar-brand {
        size: 0.5rem;
      }
  }


   h4 {
    font-weight: 100;
    font-size: 1.5rem;
    color: rgb(38, 0, 255);
  }


 
.btn-latime {
    background-color: #010169  ;
}


  .LINE {
    border-bottom: 1px solid whitesmoke;
  }

  #consultanta {
    border-bottom: 5px solid whitesmoke;
  }

  @media(max-width: 950px) {
     h4 {
        font-size: 1.25rem;
        color:rgb(38, 0, 255);
      }
  }
  @media(max-width: 700px) {
     h4 {
        font-size: 1rem;
        color: rgb(38, 0, 255);
      }
  }
  @media(max-width: 520px) {
    h4 {
       font-size: 1rem;
       color: rgb(38, 0, 255);
     }
 }

 #BottomButton button {
    width: 200px;
 }

 #BottomButton {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
 }