.container {

  padding-right: 15px;

  padding-left: 15px;

  margin-right: auto;

  margin-left: auto;

  /* margin-top: 25px;
 */
  width: 100%;

}

@media (min-width: 768px) {

  .container {

    width: 750px;

      padding: 15px 30px;

  }

  .trip{

    width: 100%;

  }

  .img-circle{

    height: 100px!important;

    width: 100px!important;

  }

}

@media (min-width: 992px) {

  .container {;

    width: 970px;

  }

  .trip{

    width: 95%;

  }

  .img-circle{

    height: 150px;

    width: 150px;

  }

}

@media (min-width: 1200px) {

  .container {

    width: 1170px;

  }

  /* .trip{

    width: 50%;

  } */

}

.img-circle {

  border-radius: 50%!important;

  height: 100px;

  width: 100px;

  margin: auto;

  /* overflow: hidden; */

  object-fit:cover;

  /* display: flex; */

  justify-content: center;

  align-items: center;

  position: relative;

}

.img-none{

  background-color: #ccc;

}

hr {

  margin-top: 20px;

  margin-bottom: 20px;

  border: 0;

  border-bottom: 1px solid #eee;

  height: 1px;

  background: #ccc;

}

.breadcrumb{

  background-color: #f5f5f5;

}

.breadcrumb.edit{

  font-size: 16px;

  position: absolute;

  right: 30px;

  top: 3px;

  margin: 0;

  padding: 0;

  height: 30px;

}

.bg-light{

  background-color: white!important;

}

.dropdown.user{

}

.user a.dropdown-toggle::after{

  content: none;

}

pre,

blockquote {

  page-break-inside: avoid;

}

blockquote {

  padding: 10px 20px;

  margin: 0 0 20px;

  font-size: inherit;

  border-left: 2px solid #eee;

}

.progress {

  height: 35px;

  margin-bottom: 10px;

  overflow: hidden;

  background-color: #fff;

  border-radius: 4px;

  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);

          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);

  position: relative;

}



.progress .indicator{

  position: absolute;

  font-size: initial;

  padding-top: 6px;

  white-space: nowrap;

}

.progress .indicator.right{

  right: 0px;

  width: 20%;

}

.progress .indicator.left{

  left: 7px;

  overflow: hidden;

  text-align: left;

  text-overflow:ellipsis;

  width: 80%;

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{

    margin: 10px 0!important;

    font-weight: 800;

    color: black;

}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{

  padding: 5px!important;

}

.form-control{

  font-size: inherit;

  font-weight: inherit;

}

.card-body{

  padding: 0;

}

.card-title{

  font-weight: 800;

  margin-top: 0.75rem;

}

.btn.forms{

  font-family: 'letters_for_learnersregular';

  font-size: 23px;

}

.valid-feedback,

.invalid-feedback{

  /* font-size: inherit; */

}

.was-validated .form-control:valid,.form-control.is-valid{

  border-color: #ced4da;

}

.form-group {

    margin-bottom: 0.5rem;

}

.custom-file-label.none::after{

  display: none;

}

.navbar{

  font-family: 'antipasto';
  border-radius: 15px;
  height: 513px;
  width: 1000px;
  background: no-repeat url("/img/header-bg-blur.png");
  /* box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.075);
 */
}

li.nav-item:first-child{

  padding-right: 20px;

}

.input-error{

  border: solid 1px #dc3545;

}