body {
  font-family: 'Roboto', sans-serif;
  background-color: #edebeb;
  color: #fff;
}

.navbar {
  padding: 30px 0px 30px 0px;
}

.navbar-brand img {
  height: 80px;
}

#wrapper {
  background: #edebeb;
  -webkit-background-size: 100% 70%;
  -moz-background-size: 100% 70%;
  -o-background-size: 100% 70%;
  background-size: 100% 70%;
  background-position: bottom center;
}

.title h1:first-child {
  padding: 50px 0px 0px 0px;
}

.title h1:nth-child(2) {
  padding: 0px 0px 20px 0px;
}

.title div {
  margin: 0px 0px 20px 0px;
}

.title p {
  text-align: 12px;
  font-weight: 300;
  margin: 0px 60px 30px 60px;
}

.order-numbers::marker {
  font-size: 1.25rem;
  font-weight: 500;
}

.order-numbers {
  margin: 10px 0px 10px 0px;
}

.card-body ul li {
  list-style-type: disc;
}

.ts-footer {
  /* background: #161616; */
  background: #edebeb;
  padding: 20px 0;
}

.copyright-text p {
  margin-bottom: 0;
  color: #000;
  text-align: center;
}

.footer {
  font-size: 13px;
  color: #59626D;
  background: #3a116d;
}

.footer__inner {
  border-top: 1px solid #D5DCE5;
  padding: 10px 0;
}

.footer__item:not(:last-child) {
  border-bottom: 1px solid #D5DCE5;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.form-submit {
  background-color: #0b41cd;
  color: #fff;
  cursor: pointer;
}

#signature-area {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  /* CSS */
}


/* 
	##Device = Laptops, Desktops
	##Screen = B/w 1025px to 1280px
  */

@media (min-width: 1025px) and (max-width: 1280px) {
  /* CSS */
}


/* 
	##Device = Tablets, Ipads (portrait)
	##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) {
  .speaker-shap {
    display: none;
  }
}


/* 
	##Device = Tablets, Ipads (landscape)
	##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  /* CSS */
}


/* 
	##Device = Low Resolution Tablets, Mobiles (Landscape)
	##Screen = B/w 481px to 767px
  */

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

  .container,
  .container-sm {
    max-width: 700px;
  }

  .copyright-text {
    font-size: 14px;
  }

  .order-numbers h5 {
    font-size: 18px;
  }

  .card-body ol ol li {
    font-size: 14px;
  }

  .footer-logo {
    text-align: center !important;
    margin: 10px 0;
  }
}

/* 
	##Device = Most of the Smartphones Mobiles (Portrait)
	##Screen = B/w 320px to 479px
  */

@media (min-width: 320px) and (max-width: 480px) {
  .footer-logo {
    text-align: center !important;
    margin: 10px 0;
  }

  .navbar-brand img {
    height: 80px;
  }

  .container,
  .container-sm {
    max-width: 700px;
  }

  .order-numbers h5 {
    font-size: 18px;
  }

  .card-body ol ol li {
    font-size: 14px;
  }

  .copyright-text {
    font-size: 14px;
  }

  #wrapper {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 80%;
  }
}