img {
  max-width: 100%; }

/*Set bs4 "row" css to "row-fluid" */
/*TODO: breakpoint mixins from bootstrap*/
.row-fluid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

/*@media (min-width: 576px) {
    .row-fluid {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media (min-width: 768px) {
    .row-fluid {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media (min-width: 992px) {
    .row-fluid {
        margin-right: -15px;
        margin-left: -15px;
    }
}*/
/*Legacy HTML syntax fix*/
.row-fluid .row-fluid {
  /*margin-right: 0;
    margin-left: 0;*/ }

/*Bs4 container-fluid css to footer*/
/*TODO: breakpoint mixins from bootstrap*/
footer {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px; }

.modal {
  position: fixed;
  top: 10%;
  bottom: auto;
  left: 5%;
  z-index: 1050;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px; }

.modal-header h3 {
  margin: 0; }

.modal-header {
  display: block; }

.modal-footer {
  background-color: #f5f5f5; }

.modal.fade.show {
  top: 3%; }

.modal-open .modal {
  overflow-y: hidden; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }

@media (min-width: 576px) {
  footer {
    padding-right: 15px;
    padding-left: 15px; } }

@media (min-width: 768px) {
  footer {
    padding-right: 15px;
    padding-left: 15px; } }

@media (min-width: 992px) {
  footer {
    padding-right: 15px;
    padding-left: 15px; } }