.clearfix::after {
  content: "";
  clear: both;
  display: table;
}


.but {display:none}
.but,.buti,.buti1{color:#b0e7e8;background:#014344;border:1px solid  #1a1f1f;border-radius:4px;}
h2{padding-top:7px;border:0px;border-radius: 5px 5px;color:#dcf1ba;background-color:#2e3420;text-align:center}
.buti {position:absolute;left:90%;top:5px;}
.buti1 {position:absolute;left:75%;top:5px;text-decoration:none;padding:2px}
h3{text-align:center}
#content{background:#7a9a9a;border:4px solid #023637;border-radius: 10px; padding:5px}
#im{float:right;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border:4px solid #023637;border-radius: 10px}
#ims{opacity: 0.01;z-index:-2}
#uline{display:block;width:70%;max-width:500px;margin:auto}
@media only screen and (max-width: 600px) {
#im {display:none}
.but {display:block}
}