/*Navigation*/
.navbar-dark .navbar-nav .nav-link{
  color: #000;
}


/*Header*/

.contentPage{
  margin-top: 4%;
}

.chartColor p{
  margin-top: 10px;
  border-right: 1px solid #000138;
  margin-left: 0px;
  margin-right: 0px;
  text-transform: uppercase;
}
.chart{
  margin-top: 2%;
}





.servicePage{
  margin-top: 4%;
  margin-bottom: 4%;
}

strong{
  font-family: 'noto_sansbold';
}


.sectionHistory{
  background-color: #F8F8F8; 
  margin-top: 50px;
  padding-right: 10%;
}



.quotePage{
  border-left : 7px solid #F28200;
  text-align: left;
  font-size: 25px;
  font-family: 'danielbd';
  padding-left: 10px;
}


input{
  width: 100%;
}

form{
  padding-right: 50px;
}


input[type=text], input[type=email], input[type=tel], textarea{
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: none;
    border-radius: 2px;
    font-family: 'noto_sansregular';
    color: #2B2B2B;
    border: 1px solid #F28200;
}



input::placeholder, textarea::placeholder {
  color: #F28200;
}



input[type=submit] {
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: 'noto_sansregular';
    border: 1px solid #F28200;
    font-size: 0.9rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    color: #F28200;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 1.3rem;
    background-color: #fff;
    width: 20%;
}

input[type=submit]:hover {
  background-color: #F28200;
  color: #fff;
}


.contentContact{
  border-left: 10px solid #F28200;
  padding-left: 10px;
}

.contactFooter{
  margin-top: 35%;
}


@media screen and (min-width: 320px) and (max-width: 480px){

  .chartColor p{
    border-right:none;
  }

  .navbar-toggler{
    background-color: #000138;
  }

  .navbar-brand img{
    width: 45%;
    margin-top: -12px;
  }

  ul{
    margin-top: 20px;
  }

  input[type=submit]{
    width: 100%;
  }

}

@media screen and (min-width: 481px) and (max-width: 578px){

  .chartColor p{
    border-right:none;
  }

  .navbar-toggler{
    background-color: #000138;
  }

  .navbar-brand img{
    width: 30%;
    margin-top: -12px;
  }

  ul{
    margin-top: 20px;
  }

  input[type=submit]{
    width: 100%;
  }
    .navbar-toggler{
    float: right;
  }

}