html, body {
    color: #fff;
    padding: 0;
    margin: 0;
    height: 100%;
    /* font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; */
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
    font-family: "Roboto", sans-serif;
}

.roboto-500 {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

* {
  box-sizing: border-box;
}

a {
    text-decoration: none;
}

.bg {
    position: fixed;
    background: url("images/bg-03.jpg");
    background-size: auto;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(50px);
    -webkit-filter: blur(50px);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.main {
    text-align: center;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0, 0.1); /* Black w/opacity/see-through */
    position: relative;
    z-index: 2;
}

.dp-table {
    display: table;
    width: 100%;
    height: 100%;
}
.dp-cell {
    display: table-cell;
    vertical-align: middle;
}

.dp-cell div {
    margin-left: auto;
    margin-right: auto;
}

.txt-maintenance {
    text-shadow: 2px 2px 5px #B9CECA;
}

.social-media-buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.social-media-button {
    display: inline-block;
    padding-right: 20px; 
    padding-bottom: 20px;
}
.social-media-button > div {
    display: inline-block; 
    text-align: center;
}
.social-media-button .icon {
    background-size: cover; 
    background-repeat: no-repeat;
    width: 100px; 
    height: 100px; 
    margin: auto;
}

.social-media-button .name {
    background: rgba(255, 255, 255, 0.6); 
    color: #000; 
    padding: 8px; 
    font-size: 12pt; 
    font-weight: 500;
    margin: 0; 
    border-radius: 5px; 
    margin-top: 8px;
    text-decoration: none!important;
}

.product {
    background: rgba(200, 200, 200, 0.6);
    color: #000;
    border-radius: 30px;
    height: 100%;
    padding: 20px;
    box-shadow: 0px 0px 20px #333;

}

.product .img-container {
    position: relative;
    top: -180px;
    margin-bottom: -230px;
}