body {
  padding-top: 4.5rem;
}

body > .container, body > .container-fluid {
  margin-top: 15px;
  padding-bottom: 15px;
}

.row {
  margin-left: unset !important;
  margin-right: unset !important;
}

hr {
  color: #F24C27;
  opacity: unset;
}

h4 {
  font-variant: small-caps;
  -webkit-text-decoration: underline #F24C27;
          text-decoration: underline #F24C27;
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link {
  font-weight: bold;
}

.site-hover:hover {
  color: #F24C27 !important;
}

.rc-anchor {
  border-radius: unset !important;
}

#welcome-img {
  -webkit-clip-path: polygon(80% 0, 100% 0, 100% 100%, 0 100%, 0 80%);
          clip-path: polygon(80% 0, 100% 0, 100% 100%, 0 100%, 0 80%);
}

#about-img {
  -webkit-clip-path: polygon(20% 0, 100% 80%, 100% 100%, 0 100%, 0 0);
          clip-path: polygon(20% 0, 100% 80%, 100% 100%, 0 100%, 0 0);
}

.btn-primary {
  color: #fff;
}

.img-navbar {
  max-height: 3.5rem;
}

.img-footer {
  max-height: 1.5rem;
}

/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-height: 25rem;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul, .jcarousel-list {
  width: 10000em;
  position: relative;
  /* Optional, required in this case since it's a <ul> element */
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 25rem;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li, .jcarousel-item {
  /* Required only for block elements like <li>'s */
  float: left;
}

.jcarousel .card {
  padding-left: 1rem;
  padding-right: 1rem;
  border: none;
}

.jcarousel-prev, .jcarousel-next {
  position: absolute;
  color: rgba(242, 76, 39, 0.2);
  text-decoration: none;
  font-size: 4em;
  padding: 20px;
  text-align: center;
  z-index: 1;
  border: unset;
  transition: color 0.2s ease-in-out;
}

.jcarousel-prev.show, .jcarousel-next.show {
  color: #f24c27;
  transition: color 0.2s ease-in-out;
}

.jcarousel-prev {
  top: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, #fff 100%);
}

.jcarousel-next {
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #fff 100%);
}