.th-back{color:#000;background-color:#fff}
.th-color{color:#000;background-color:#d4bd3e}
.th-color2{color:#d4bd3e;background-color:#000}
.th-color2-sel{color:#d4bd3e;background-color:#243034}
.th-dark{color:#ffd800;background-color:#000}
.th-sel {background-color:#243034!important;
}
.th-container {
  background-color: #808080;
  background-size: cover;
  width: 100%;
  padding-top: 100%; /* 1:1 Aspect Ratio */
  position: relative; /* If you want text inside of it */
}
.th-num {
    font-size: x-large;
    background-color: #d4bd3e;
}
.th-ice {
    background-image: url('/img/ice_small.jpg');
    background-size: cover;
}
footer{
    background-color: #000; color: #fff;
}

h2 {text-align: center;}
h1{padding-left: 8px}

body{
  background-color: #fff;
  /*background-image: radial-gradient(#FFF 40%, #CCC 60%);*/
  background-size: cover;
}
.my-border {
border: 1px solid black;
}
.my-tran {
background-color: rgba(0, 0, 0, 0.00);
}
#home{
    background-image: url('/img/img1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
    background-position-x: center;
}
div{
    border: 0px dotted black;
    padding: 0px;
}

.my-card{
    text-decoration: none;
}
.my-card div{
    text-decoration: none;
}
    
.my-card .img{
    height: 250px;    
    background-size: cover;
    background-position: center;
}
a:hover div{
    background-color: #2196F3;
}
a div{
    background-color: #fff;
    text-align: center;
}
a{   
    text-decoration: none;
}