*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  font-family: 'Poppins', sans-serif;
  background-color: #ebecf2;
}

html {
  scroll-padding-top: 56px;
}

.shadow-bg {
  background-color: rgba(0, 0, 0, 0.9);
}

nav {
  text-transform: uppercase;
  -webkit-transition: background-color 0.6s;
  transition: background-color 0.6s;
  z-index: 1;
}

nav .navbar-brand {
  font-weight: bold;
}

nav .navbar-toggler-icon {
  padding: 10px;
}

nav .nav-link {
  font-weight: 500;
}

nav .nav-link:hover {
  background-color: #cf9d1d;
}

nav .active {
  color: #fff;
}

header {
  color: #fff;
}

header h1 {
  text-transform: uppercase;
  font-size: 30px;
}

header p {
  font-size: 14px;
}

header .hero-img {
  height: 100vh;
  position: relative;
  background-image: url(../img/japan-2014618_640.jpg);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  z-index: 0;
}

header .hero-shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: -1;
}

header .hero-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 10px;
  text-align: center;
  z-index: 1;
}

header .btn-outline-light {
  text-transform: uppercase;
}

header .fa-chevron-down {
  position: absolute;
  bottom: 25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 30px;
  color: #fff;
}

@media (min-width: 375px) {
  header h1 {
    font-size: 36px;
  }
  header p {
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  header h1 {
    font-size: 42px;
  }
  header p {
    font-size: 20px;
  }
}

@media (min-width: 992px) {
  nav {
    height: 56px;
  }
}

@media (min-width: 1200px) {
  header .hero-img {
    background-image: url(../img/japan-2014618_1920.jpg);
  }
}

h2 {
  text-align: center;
  text-transform: uppercase;
}

.underline {
  width: 60px;
  height: 4px;
  margin: 0 auto 40px;
  background-color: #cf9d1d;
}

.aboutme i {
  margin-top: 20px;
  font-size: 30px;
}

.aboutme .aboutme-card-title {
  font-size: 18px;
  text-transform: uppercase;
}

.aboutme .aboutme-card-text {
  font-size: 14px;
}

.aboutme .aboutme-hover:hover {
  color: goldenrod;
}


.aboutme-hero {
  position: relative;
  background-image: url(../img/japan-2014618_640.jpg);
  background-position: center;
  background-size: cover;
  color: #ddd;
  z-index: 0;
}

.aboutme-hero .aboutme-shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: -1;
}
.container_technology{
  display: flex;
  /* flex-wrap: nowrap; */
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  /* width:80em; */
  width:100%;
  
}
.container_technology>div{
  width:32%;
  display:flex;
  justify-content: center;
  align-items: center;
  padding:1em;
}
.container_technology>div>img{
  width:100%;
}




@media (min-width: 1200px) {
  .aboutme-hero {
    background-image: url(../img/japan-2014618_1920.jpg);
  }
}

.card a{
  text-decoration: none;
  color: black;
}

.portfolio .carousel-item {
  height: 600px;
  padding: 20px;
}


.prices .price-box { 
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
  margin: 20px;
  padding: 30px;
  background-color: #fff;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}


.prices .price-box h3 {
  color: #cf9d1d;
  text-transform: uppercase;
}

.prices .price-box span {
  font-weight: bold;
}

.prices .price-box i {
  font-size: 20px;
  padding: 0 5px;
}

.prices .price-box button {
  padding: 10px 20px;  
  text-transform: uppercase;
}

.prices .price-box .price-tag {
  font-size: 20px;
  color: #cf9d1d;
}

.prices .price-box:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.prices .price-info {
  margin-top: 30px;
}

.prices .price-info a {
  text-decoration: none;
  color: #cf9d1d;
}

@media (min-width: 992px) {
  
  .prices .price-info {
    font-size: 20px;
  }

}

.team {
  position: relative;
  background-image: url(../img/conference-room-768441_1280.jpg);
  background-size: cover;
  background-attachment: fixed;
  z-index: 0;
}

.team h2 {
  color: #ddd;
}

.team .team-shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: -1;
}

.team .card {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.team .card img {
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}

.team .card i {
  padding: 10px;
}

.team .card:hover {
  -webkit-transform: scale(0.93);
          transform: scale(0.93);
}

.card-title {
  margin-bottom: 20px;
  text-transform: uppercase;
  text-align: center;
}

.contact-box{
  height: 200px;  
}

.contact .inner {
  margin: 0 auto;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  height: 100%;
}

.contact .inner h3 {
  text-transform: uppercase;
  color: #cf9d1d;
  margin-bottom: 10px;
}

.contact .inner i {
  padding: 10px;
  font-size: 20px;
}

.contact .inner ul {
  list-style: none;
  display: block;
  padding: 0;
  text-align: center;
}

.contact .social-media i {
  font-size: 30px;
}

.footer-box {
  position: relative;
  background-image: url(../img/japan-2014618_640.jpg);
  background-position: center;
  background-size: bottom;
  background-attachment: fixed;
  z-index: 0;
}

.footer-box .footer-shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: -1;
  top: 0;
}

.footer-box .description {
  padding: 10px;
  color: white;
  font-size: 20px;
}

/*# sourceMappingURL=main.css.map */

/* -----media tablet mały------------------------------------- */
@media (min-width: 600px) {
  .container_technology{
    justify-content: space-between;
    padding: 5%;
  }
  .container_technology>div{
    width:15%;
  }


/* ------media tablet duży------------------------------------ */
@media (min-width: 700px) {
  
  
}
/* ------media desktop i duże tablety landscape--------------- */
@media (min-width: 992px) {
  .prices .price-info {
    font-size: 20px;
  }


}