.navbar-expand-md .navbar-nav {
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  color: rgb(171, 87, 150);
  box-shadow: 0 0 0 .2rem rgb(171, 87, 150);
}

.btn:not(:disabled):not(.disabled) {
  align-self: center;
  background-color: rgb(171, 87, 150);
  border: none;
  border-radius: 25px;
}

.navbar-light .navbar-toggler {
  float: right;
}

.card-deck .card {
  width: 10rem;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
  /*background: #CFF;*/
  height: 100%;
  width: 100%;
  padding: 0;
  padding-left: 0;
  /*box-sizing: border-box;*/
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
  width: 100%;
  height: auto;
  padding: 1%;
}

@media (min-width: 700px) {
  #section01 {
    vertical-align: middle;
    background-image: linear-gradient(rgba(171, 87, 150, 0.6), rgba(51, 184, 255, 0.6)), url("banner.png");
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
  }
}

@media (max-width: 699px) {
  #section01 {
    vertical-align: middle;
    background-image: linear-gradient(rgba(171, 87, 150, 0.6), rgba(51, 184, 255, 0.6)), url("banner_sm.png");
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
  }
}

@media (max-width: 415px) {
  .card-title {
    font-size: 16px;
  }
}

.text-center {
}

@media (max-width: 415px) {
  .card {
    height: 340.875px;
    /*margin-bottom: 0.8rem;*/
    /*width: 175px;*/
  }
}

@media (max-width: 400px) {
  #right {
    margin-left: -10px;
  }
}

@media (max-width: 769px) {
  .card {
    margin-bottom: 1rem;
  }
}

@media (max-width: 415px) {
  .card-text:last-child {
    font-size: 14px;
  }
}