nav ul a  {font-weight:bold; text-decoration:underline; font-size:1.2rem; padding: 0 5px;}
nav ul a:hover  {text-decoration:none}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}

.h1div {padding:40px 0}

@media only screen and (max-width:615px) {

  .h1div {padding:20px 0} 
  .h1div h1 {font-size:3rem;margin:1.78rem 0 1.424rem 0;} 
}  
@media only screen and (max-width:415px) {

  .h1div h1 {font-size:2.5rem;margin:1.5rem 0 1.2rem 0;} 
} 

.coin_listing {padding:10px;margin-bottom:10px}
.coin_listing a {display:block;width:100%; font-size:120%;line-height:1.2;color:#424242;

}
.coin_listing:hover {background-color:#f0f0f0} .coin_listing:hover img {opacity:0.8}

.coin_listing b {font-size:150%;color:black}


.coin_image_wrapper {height:250px} 
.coin_image_wrapper a img {width:100%;height:250px;object-fit:cover;} 

.y_g_r b {font-size:120%}
.y_g_r b:nth-of-type(1) {float:left;}
.y_g_r b:nth-of-type(2) {float:right;}
.y_r {font-weight:bold;font-size:120%}

.y_r.swap,.g_r.swap {display:none} 
@media only screen and (max-width:460px) {    .y_g_r.swap {display:none}
  .y_r.swap,.g_r.swap {display:block}
}

@media only screen and (max-width:600px) {    .coin_image_wrapper {height:150px} 
  .coin_image_wrapper a img {height:150px;}