@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media (min-width: 200px) {
  .logo {
    height: 200px;
    width: 200px;
    margin-top: 15vh;
  }
}

@media (min-width: 400px) {
  .logo {
    height: 240px;
    width: 240px;
    margin-top: 24vh;
  }
}

@media (min-width: 992px) {
  .logo {
    height: 400px;
    width: 400px;
    padding-top: 20vh;
  }
}

@media (min-width: 1400px) {
  .timeline-image {
    width: 240px;
    height: 240px;
    margin-left: -85px;
  }
}

.rounded-circle {
  border-radius: 50% !important;
}

.link-secondary {
  color: #ffffff !important;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-bg: #212328;
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: 1px;
  --bs-modal-border-radius: 0.5rem;
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(0.5rem - 1px);
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: 1px;
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: 1px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

@media (min-width: 300px) {
  .title_bold {
    font-size: 30px;
  }
}

@media (min-width: 992px) {
  .title_bold {
    font-size: 50px;
  }
}

@media (min-width: 300px) {
  .title_small {
    font-size: 20px;
  }
}

@media (min-width: 992px) {
  .title_small {
    font-size: 30px;
  }
}

@media (min-width: 300px) {
  #text2 {
    /*font-size: 5vw;*/
    padding-top: 100px;
  }
}

@media (min-width: 992px) {
  #text2 {
    padding-top: 60px;
  }
}

.portfolio-t-title {
  color: var(--bs-gray-200);
  font-family: Montserrat, sans-serif;
  font-size: 21px;
}

.portfolio-contents {
  color: var(--bs-gray-500);
  font-family: Montserrat, sans-serif;
  font-size: 16px;
}

.portfolio-close {
  background: #0b5387;
  border-color: #282828;
}

.portfolio-bg-color {
  background: var(--bs-modal-bg);
}

@media (min-width: 300px) {
  .portfolio-title {
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    font-size: 30px;
  }
}

@media (min-width: 1200px) {
  .portfolio-title {
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    font-size: 60px;
  }
}

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #868e96;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #868e96;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #fed136;
  --bs-secondary: #868e96;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 254, 209, 54;
  --bs-secondary-rgb: 134, 142, 150;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 28, 28, 28;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #1c1c1c;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #fed136;
  --bs-link-hover-color: #cba72b;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}

.text-primary {
  color: #2d437d !important;
}

#portfolio .portfolio-item .portfolio-caption {
  max-width: 400px;
  margin: 0 auto;
  padding: 25px;
  text-align: center;
  background-color: #282828;
}

@media (min-width: 1200px) {
  .timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {
    /*margin-top: 40px;*/
  }
}

@media (min-width: 1200px) {
  .timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {
    margin-top: 50px;
  }
}

@media (min-width: 1200px) {
  .continue {
    font-size: 6px;
    line-height: 14px;
    margin-top: 20px;
  }
}

@media (min-width: 360px) {
  .youtube {
    width: 280px;
    height: 158px;
  }
}

@media (min-width: 576px) {
  .youtube {
    width: 380px;
    height: 214px;
  }
}

@media (min-width: 992px) {
  .youtube {
    width: 580px;
    height: 326px;
  }
}

.portfolio-title-margin {
  margin-top: -5rem;
  margin-bottom: -5rem;
  /*margin-left: -5rem;*/
}

@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}

@media (min-width: 576px) {
  .timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {
    font-size: 8px;
    line-height: 14px;
    margin-top: 20px;
  }
}

@media (min-width: 300px) {
  .timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {
    font-size: 8px;
    line-height: 14px;
    margin-top: 20px;
  }
}

@media (min-width: 1200px) {
  .timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {
    font-size: 20px;
    line-height: 30px;
    margin-top: 50px;
  }
}

.btn-close:hover {
  color: #fefefe;
  text-decoration: none;
  opacity: .75;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em .25em;
  color: #ffffff;
  /*background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;*/
  border: 0;
  border-radius: .375rem;
  /*opacity: .5;*/
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
  opacity: 0;
}

a {
  color: var(--bs-link-color);
  text-decoration: unset;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-gray-400) !important;
}

@media (min-width: 768px) {
  section {
    padding: 120px 0;
  }
}

@media (max-width: 600px) {
  section {
    padding: 280px 0;
  }
}

html {
}