body {
  background-color: #f5f5f5; }

.container {
  background-color: #fff; }

h1 {
  font-family: 'Montserrat', 'Roboto';
  font-size: 4rem;
  font-weight: bold;
  padding-top: 3rem; }

.menu {
  background-color: #fff !important; }

.backslash {
  font-weight: bold; }

section {
  margin-bottom: 1rem;
  margin-top: 1rem; }

.section-heading {
  text-align: left;
  padding: 2rem 1rem; }

.image_header {
  background-color: #fff; }

.text_header {
  background-color: #007bff;
  padding-bottom: 20px; }

.background-about {
  background-repeat: no-repeat;
  padding-bottom: 3rem; }

.tab-content {
  padding-bottom: 20px; }

.about_text {
  margin: 3rem;
  font-size: large; }

.about_image {
  padding: 3rem; }

.primary-color {
  color: #f11e1e; }

.headline {
  font-weight: bold;
  text-align: center !important; }
  .headline ul {
    width: fit-content !important; }

.nav-link {
  opacity: 0.7; }

.active {
  opacity: 1 !important; }

.tabs_image {
  flex-direction: column; }

.tabs_first_image {
  display: inline; }

.tabs_menu {
  /* flex-direction: column; */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100v;
  flex-shrink: 0;
  /* flex: 0 0 70%; */
  flex-shrink: 0;
  flex-grow: 1; }

.tabs_raspored {
  display: flex;
  width: 100%; }

.portfolio {
  height: auto !important; }

.flex-container {
  display: flex; }

.carousel-item {
  margin-right: 0 !important; }

@media (min-width: 768px) {
  /* show 3 items */
  /* left or forward direction */
  /* farthest right hidden item must be abso position for animations */
  /* right or prev direction */
    .carousel-inner .active, .carousel-inner .active + .carousel-item, .carousel-inner .active + .carousel-item + .carousel-item {
      display: block; }
    .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0); }
    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
      position: absolute;
      top: 0;
      right: -33.3333%;
      z-index: -1;
      display: block;
      visibility: visible; }
    .active.carousel-item-left + .carousel-item-next.carousel-item-left, .carousel-item-next.carousel-item-left + .carousel-item {
      position: relative;
      transform: translate3d(-100%, 0, 0);
      visibility: visible; }
    .carousel-inner .carousel-item-prev.carousel-item-right {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      display: block;
      visibility: visible; }
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right, .carousel-item-prev.carousel-item-right + .carousel-item {
      position: relative;
      transform: translate3d(100%, 0, 0);
      visibility: visible;
      display: block;
      visibility: visible; } }

@media (max-width: 768px) {
  .carousel-item {
    position: absolute; }

  .carousel-inner {
    height: 520px; } }
/* Contact section */
.contact_background {
  background-color: #ff2323; }

.contact_backslash, .contact_headline {
  color: #fff; }

.contact_headline {
  font-weight: 800; }

contact_padding {
  padding: 3rem 1rem; }

.contact_text {
  color: #fff;
  font-size: 1rem;
  text-align: center;
  padding: 3rem 1rem;
  line-height: 2.2em; }

.form_input {
  padding-bottom: 20px; }

.background-about {
  background-size: cover; }