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


body {
    background-color: #fff;
}

.vertical-center {
    min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh; /* These two lines are counted as one :-)       */
  
    display: flex;
    align-items: center;
  }


.img-fluid {
    border: 5px solid #252122;
   
}

.hide-desktop {
    display: none;
}

a.bt img {
    width: 25vw;
}
.bt {
    position: absolute;
    display: inline-block;
    padding: 20px 40px;
    left: 28%;
    bottom: 10%;
}

@media (max-width: 768px) {

    .vertical-center {
        align-items: start; 
        min-height: unset;
    }
    .col {       
        padding: 0;
    }


   
    .hide-mobile {
        display:none;
    }
    .hide-desktop {
        display:inline-block;
    }
    a.bt img {
        width: 55vw;
    }
    .bt {
        position: absolute;
        display: inline-block;
        padding: 20px 40px;
        left: 10%;
        bottom: 20%;
    }



}