body {
    background-color: #000;
}


@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

.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;
  }

  .row {
    width: 100%;
}


.hide-desktop {
    display: none;
}



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

.dots {
    position: absolute;
    display: block;
    width: 50px;
    height:70px;
    background-image: url("../img/dot.png");
    left:20%
}

.dots.dot2 {
    position: absolute;
    display: block;
    width: 80px;
    height:40px;
    background-image: url("../img/dot.png");
    left:unset;
    bottom:0%;
    right:10%;
}




.contact-wrapper {
    color: #fff;
    padding: 0 40px;
    font-size: 1.6em;
    font-family: 'Lato', sans-serif;    
}


.contact-name {
    font-weight: 700;

}

.contact-email {
    font-size: 0.8em;
    font-weight: 300;
}

.contact-phone {
    font-size: 0.8em;
    font-weight: 300;
    
}








@media (max-width: 768px) {

    
    .col {       
        padding: 0;
    }
    
    .contact-wrapper {
        color: #fff;
        padding: 50px 40px 0 90px;
        font-size: 1.3em;
        font-family: 'Lato', sans-serif;
    }

   
    .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%;
    }



}