a {color: #ACACAC}

body {
  font-family: "Montserrat";
  color: #34495E;
}

#logo img {max-width: 190px}

#language-switcher {
  background-color: #E8E8E8;
  box-shadow: inset 0px 3px 5px rgba(52, 73, 94, 0.3);
  border-radius: 40.5px;
  padding: 11px 23px 11px 23px;
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 50%;
  background-size: auto;
  display: inline-block;
  width: 65%;
}

h1 {
  font-size: 30px;
  color: #0CA64D;
}


/*#################### enter/404 ###################*/

#container-enter h1 {
  padding-bottom: 50px;
}

/*#################### enter/404 ###################*/

#parcel-submit{
  width: 95%;
  padding: 11px;
  padding-left: 20px;
  justify-content: center;
  align-items: center;
  margin: auto;
}
#parcel-submit input{
  width: 100%;
  height: 50px;
  border: 0;
  padding: 0;
  outline: none;
  text-align: center;
  display: block;
  box-shadow: inset 0px 3px 5px rgba(52, 73, 94, 0.3);
  border-radius: 40.5px;
  background-color: #E8E8E8;
  padding-left: 25px;

}
#parcel-submit button{
  color: white;
  background-color: #5C57C6;
  text-transform: uppercase;
  border-style: none;
  border-radius: 50px;
  cursor: pointer;
  outline: none;
  width: 55%;
  font-weight: bold;
  min-width: 130px;
  font-size: 14px;
  display: block;
  margin: 0 auto;
  margin-top: 1rem;
  height: 45px;
}

p#start-text {
  text-align: center;
}

/*#################### 404 ###################*/

#header404 {
  color: #34495E;
}

/*#################### trackpage ###################*/

#container-trackpage {

  margin-bottom: 5rem;

}

#package-info{
  background: #E8E8E8;
  box-shadow: inset 0px 5px 10px rgba(52, 73, 94, 0.3);
  border-radius: 20px;
  padding: 1.5rem;
  margin-top: 1.5rem;
}

#package-info div.row>div:nth-child(1){
  font-weight: bold;
}

#btn-track{
  color: white;
  background-color: #5C57C6;
  text-transform: uppercase;
  border-style: none;
  border-radius: 50px;
  cursor: pointer;
  outline: none;
  width: 55%;
  font-weight: bold;
  min-width: 130px;
  font-size: 8pt;
  display: block;
  margin: 0 auto;
}

#courier-contact {
  font-size: 0.9rem;
}

#delivery-details {
  font-size: 0.9rem;
}

#delivery-details .delivery-detail-row div.delivery-detail-row-brd, #delivery-details .delivery-detail-row div.delivery-detail-row-brd2{
  padding-left: 0.5rem;
  background-image: url('images/delivery-details-brd.png');
  background-repeat: no-repeat;
  padding-bottom: 0;
}


#delivery-details div#delivery-details-head{
  text-transform: uppercase;
  color: #0CA64D;
  font-weight: bold;
}

#delivery-details div.delivery-details-brd{
  padding-left: 0.5rem;
}

#delivery-details .row div div:first-child{
  font-weight: bold;
}


/*#################### footer ###################*/

footer {
  background-color: #34495E;
  color: white;
  font-size: 14px;
}

footer a, footer a:hover, footer a:visited  {
 color: white;
}

/********************RESPONSIVE*****************************/

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {
  #parcel-submit h1 {margin-bottom: 0}
  footer {margin-top: 1rem}
}

/* X-Small devices (portrait phones, less than 576px) */
@media (min-width: 576px) {
  p#start-text {
    width: 55%;
    margin: 0 auto;
  }
  #trackpage-body {
    margin-top: 2rem;
  }
  .delivery-detail-row div.delivery-detail-row-brd2{
    background-image: none !important;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

  #parcel-submit {
    display: flex;
    width: 75%;
    box-shadow: inset 0px 3px 5px rgba(52, 73, 94, 0.3);
    border-radius: 40.5px;
    background-color: #E8E8E8;
  }
  #parcel-submit input {
    background: none;
    box-shadow: none;
    border-radius: 0;
    height: initial;
    text-align: left;
  }
  #parcel-submit button {
    width: 35%;
    height: 38px;
    margin-top: initial;
  }

  #delivery-details div.delivery-details-brd{
    padding-left: 0.5rem;
  }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #trackpage-body {
    margin-top: 7rem;
  }
  #btn-track {
    margin: 0;
  }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}

#tracking-details-btn {
  text-decoration: none;
}

#tracking-details-text {
  color: #0CA64D;
}