/*********************************************
 * body and structure
 * *******************************************/

body {

  padding: 0px;
  margin: 0px;

  font-family: "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
  font-size: 1-0em;

  color: #888;
  background-color: #222;
	
	/*position: fixed;*/
	width: 100%;

}

a:link,a:visited {
  text-decoration: none;
  font-size: 1.0em;
  /*color: #0186d5;*/
  color: #ffffff;
}


a:hover {
  color: #1D86EB;
}

.df_logo {
  width: 80px;
  position: absolute;
  top: 10px;
  left: 5px;"
}


.df_topbar {
  width: 100%;
  background-color: #000;
  color: #eee;
  padding: 5px;
  text-align: center;
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 0px 0px;
}


.df_catbar {
  width: 100%;
  background-color: #000;
  color: #eee;
  padding: 5px;
  text-align: center;
  margin: 0px 0px;
}

/************************************************
 *  nft
 ************************************************/

.thumb {
	width: 100%; 
	/*max-width: 80px;*/
	float: left;
	margin: 5px;
	cursor: pointer;
	
}

/************************************************
 *  nft card
 ************************************************/


/************************************************
 *  icons
 ************************************************/

.dftwitter {
  position: absolute;
  top:15px;
  right: 20px;
  color: #1D86EB;
  font-size: 20px;
}


/************************************************
 *  svg clock
 ************************************************/
#dclock {
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.filler {
  background: #20B7AF;
  position: absolute;
  bottom: 50%;
  top: 0;
  left: 0;
  right: 0;
}


/************************************************
 *  modals
 ************************************************/


/************************************************
 *  media screen adjustments
 ************************************************/
@media only screen and (max-width:480px){

  img.thumb {
    width: 100%;
  }

}

@media only screen and (min-width: 481px) and (max-width: 768px) {

  img.thumb {
    width: 98%;
  }

}

@media only screen and (min-width: 769px) and (max-width: 1024px) {

  img.thumb {
    width: 98%;
  }

}

@media only screen and (min-width: 1025px) and (max-width: 1192px) {

  img.thumb {
    width: 44%;
  }

}

@media only screen and (min-width: 1193px) {

  img.thumb {
    width: 45%;
  }

}