@media only screen and (max-width: 600px) {
    .card-group{
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    header.masthead {
        padding-bottom: 6rem;
       text-align: center;
       color: #fff;
        background-repeat: no-repeat;
       background-attachment: scroll;
       background-position: center center;
       background-size: cover;
      }
      .slider-img{
          height:390px;
      }.socialIcons{
          background-color: #343a40 !important;
        margin-top: 4.5px;  
        margin-left: -20px;
        margin-right: -21px;
        height: 100px;
     }
     .ml-2, .mx-2 {
        margin-left: 1.5rem !important;
        margin-top: 20px;
    }
     

 
  .text-uppercase {
margin-top: 210px;
}
.page-section h2.section-heading {
    font-size: 2.5rem;
    margin-top: -50px;
    margin-bottom: 2rem;
}
.title{
    font-size: 1.3rem;
    width: 100%;
}
.PRO-DETALIES{
    font-size: 1.3rem;
    width: 100%;
}
.content{
    height:700px;
}
.btn-xl{
    padding: 1.25rem 2.5rem;
    font-size: 1.125rem;
    font-weight: 700;
    margin-top: 9px;
    margin-left: 34%;
 
}
@media only screen and (max-width: 920px) {
    .card-group{
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    header.masthead {
        padding-bottom: 6rem;
       text-align: center;
       color: #fff;
     
       height: 400px;
     }
    }.socialIcons{
        background-color: #343a40 !important;
      margin-top: 4.5px;  
      margin-left: -20px;
      margin-right: -21px;
      height: 100px;
   }
   .ml-2, .mx-2 {
      margin-left: 1.5rem !important;
      margin-top: 20px;
  }
 
 

}