#center {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}
	#center h2 {
		margin: 20px 0;
		font-size: 16px;
        font-weight: bold;
	}
.wrapper-img {
        float: right;
        border: 1px solid black;
        margin: 5px;
        }

@media (min-width: 250px) and (max-width: 605px) {
  .wrapper-img {
  	float:	none;
  	margin-left:30px;
  }
}

.card {
  width: 230px;
  margin-bottom: 50px;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  vertical-align: top;
}
.no-right-margin {
  margin-right: 0;
}
 
.card-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  color: black;
}
.card-text {
  font-size: 16px;
}
.card-image {
  width: 100%;
  margin-bottom: 25px;
  border: 1px solid black;
}
@media (min-width: 270px) and (max-width: 319px) {
  .card {
  width: 230px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 1%;
  padding-right: 1%;
  }
}
@media (min-width: 320px) and (max-width: 359px) {
  .card {
  width: 230px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 9%;
  padding-right: 4%;
  }
}
@media (min-width: 360px) and (max-width: 374px) {
  .card {
  width: 250px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 10%;
  padding-right: 4%;
  }
}
@media (min-width: 375px) and (max-width: 392px) {
  .card {
  width: 250px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 12%;
  padding-right: 6%;
  }
}
@media (min-width: 393px) and (max-width: 411px) {
  .card {
  width: 250px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 14%;
  padding-right: 8%;
 }
}
@media (min-width: 412px) and (max-width: 419px) {
  .card {
  width: 250px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 16%;
  padding-right: 10%;
  }
}
@media (min-width: 420px) and (max-width: 469px) {
  .card {
  width: 250px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 18%;
  padding-right: 12%;
  }
}
@media (min-width: 470px) and (max-width: 479px) {
  .card {
  width: 200px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 2%;
  padding-right: 1%;
  }
}
@media (min-width: 480px) and (max-width: 499px) {
  .card {
  width: 200px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 2%;
  padding-right: 2%;
  }
}
@media (min-width: 500px) and (max-width: 522px) {
  .card {
  width: 200px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 3%;
  padding-right: 3%;
  }
}
@media (min-width: 523px) and (max-width: 534px) {
  .card {
  width: 230px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 1%;
  padding-right: 1%;
  }
}
@media (min-width: 534px) and (max-width: 559px) {
  .card {
  width: 230px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 1%;
  padding-right: 1%;
  }
}
@media (min-width: 560px) and (max-width: 580px) {
  .card {
  width: 230px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 3%;
  padding-right: 2%;
  }
}
@media (min-width: 580px) and (max-width: 599px) {
  .card {
  width: 230px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 4%;
  padding-right: 3%;
  }
}
@media (min-width: 600px) and (max-width: 659px) {
  .card {
  width: 230px;
  margin-bottom: 30px;
  padding-left: 4%;
  padding-right: 3%;
  }
}
@media (min-width: 660px) and (max-width: 699px) {
  .card {
  width: 230px;
  margin-bottom: 30px;
  padding-left: 5%;
  padding-right: 7%;
  }
}
@media (min-width: 700px) and (max-width: 799px) {
  .card {
  width: 230px;
  margin-bottom: 30px;
  padding-left: 7%;
  padding-right: 7%;
  }
}
@media (min-width: 800px) and (max-width: 899px) {
  .card {
  width: 250px;
  margin-bottom: 30px;
  padding-left: 8%;
  padding-right: 8%;
  }
}
@media (min-width: 900px) and (max-width: 999px) {
  .card {
  width: 250px;
  margin-bottom: 30px;
  padding-left: 10%;
  padding-right: 10%;
  }
}
@media (min-width: 1000px) and (max-width: 1053px) {
  .card {
  width: 250px;
  margin-bottom: 30px;
  padding-left: 12%;
  padding-right: 10%;
  }
}
@media (min-width: 1054px) and (max-width: 1099px) {
  .card {
  width: 230px;
  margin-bottom: 30px;
  padding-left: 1%;
  padding-right: 1%;
  }
}
@media (min-width: 1100px) and (max-width: 1154px) {
  .card {
  width: 230px;
  margin-bottom: 30px;
  padding-left: 1%;
  padding-right: 2%;
  }
}
@media (min-width: 1155px) and (max-width: 1220px) {
  .card {
  width: 230px;
  margin-bottom: 30px;
  padding-left: 2%;
  padding-right: 2%;
  }
}
@media (min-width: 1221px) and (max-width: 1279px) {
  .card {
  width: 230px;
  margin-bottom: 30px;
  padding-left: 3%;
  padding-right: 2%;
  }
}
@media screen and (min-width: 1280px) {
  .card {
  width: 230px;
  margin-bottom: 30px;
  padding-left: 4%;
  padding-right: 2%;
  }
}
#center select, #center textarea {
	font-size: 11px;
	padding: 1px;
	color: #777;
	border: #95aec5 1px solid;
}

#center select {
	height: 18px;
}


td.hforum {
	padding: 10px 10px 10px 0px;
	font-weight: bold;
}

td.nforum {
	padding: 5px 5px 5px 0px;
	border-bottom: 1px solid #CCCCCC;
}

#download_info {
	padding: 10px;
	margin-top: 10px;
	background-color: #EEEEEE;
}


div.smiles {
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
}

	div.smiles a img {
		border: 0;
	}
	.clear
	{
	clear:both;
	}