@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,500;0,600;1,200&display=swap");
a:focus {
  outline: none;
}
body{
  list-style: none;
}
.footer {
  display: flex;
  justify-content: left;
  align-items: center;
  width: 100vw;
  background-color: #0e0e0e;
}
.product-header h5 {
  margin-top: 12px;
}
@font-face {
  font-family: "fira";
  /*a name to be used later*/
  src: url("font/fira1.ttf");
  /*URL to font*/
}
body {
  font-family: fira;
}
#koszykModal {
  width: 80%;
}
#tabela-koszyk {
  font-size: 12px;
}
#my-input {
  width: 200px;
}
.product {
  max-width: 400px;
}
#myCarousel {
  margin-top: 80px;
}
@media (max-device-width:766px){
  .list-group{
    width: 90vw !important;
  }
  .product{
    margin-top: 40px;
    margin-left:20px;
  }
  #myCarousel .item{
    margin-top:-90px;
    margin-left: -22%;
    transform: scale(0.6);
    width: 90vw;
    height: auto;
   padding: 0;
   background-size: 100vw auto no-repeat;
  }
  .subHeader{
      width:100vw;
      margin-left: -90px;
  }
  #logo-navbar{
    transform: scale(1.2);
    margin-left: 20px;
  }
  #my-input{
    width:90vw;
    height: 40px;
    background-color: rgba(238, 238, 238, 0.773);
  }
  #my-input:hover{
   
    background-color: rgb(255, 255, 255);
  }
  #text_service{
    width:90vw !important;
    background-color: rgba(231, 228, 228, 0.939);
  }
  #text_service:hover{
    background-color: white;
  }
}
@media (max-device-width: 1000px) {
  #koszykModal{
    margin-left:-40px;
    width: 120vw;
    transform: scale(0.8);
  }
 
  .subHeader{
    width:100vw;
    position: absolute;
    left:0;
    
  }
   #subHeader-logo{
    display: none;
  }
  #twitter-page{
    display: none;
  }
}

@media (max-device-width: 375px) {
  body {
    font-size: 0.8em;
  }
  #myCarousel {
    width: 80vm;
    display: none;
  }
  .subHeader {
    display: none;
  }
  #koszykModal {
    width: 96%;
    font-size: 0.8em;
  }
  #instalacja {
    width: 100%;
  }
  #tabela-koszyk {
    font-size: 9px;
  }
  .product {
    margin-bottom: 20px;
    margin-left: 5px;
  }
  #my-input {
    width: 280px;
  }
}

table thead {
  font-weight: 500;
  cursor: pointer;
}
table thead tr {
  height: 40px;
}
table tbody {
  font-size: 13px;
  font-weight: 80px;
  margin: 0;
}
table tbody tr {
  height: 70px;
}

table tbody tr:nth-child(even) {
  background-color: rgba(152, 151, 151, 0.221);
}
table tbody tr td {
  padding-left: 10px;
}
.subHeader-install {
  padding-left: 20px;
  font-weight: 500;
  cursor: pointer;
  width: 28%;
}
.icon-install {
  height: 30px;

  margin-left: 10px;
}
.icon2-install {
  height: 60px;

  margin-left: 10px;
}
.icon3-install {
  height: 40px;
  margin-left: 10px;
}
.image-install {
  width: 5px;
  overflow: hidden;
}
.info-install {
  margin-top: 30px;
  font-style: italic;
}