/* Design ID: 1 */
.color-1 .design-1 .background {
	background-image: url(designs/imgs/design-1-1.png);
}
.design-1 .color-picker.color-1 {
	background-image: url(designs/btns/btn-1-1.png);
}
.color-2 .design-1 .background {
	background-image: url(designs/imgs/design-1-2.png);
}
.design-1 .color-picker.color-2 {
	background-image: url(designs/btns/btn-1-2.png);
}
.color-3 .design-1 .background {
	background-image: url(designs/imgs/design-1-3.png);
}
.design-1 .color-picker.color-3 {
	background-image: url(designs/btns/btn-1-3.png);
}
.design.design-1 .name {
	width: 76% !important;
	margin-left: -38% !important;
	color: white !important;
	padding: 0 5% !important;
	font-family: "Mentor";
	font-size: 20px !important;
	font-weight: bold;
	top: 43% !important;
	height: 22px !important;
	text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-1 .name {
		font-size: 15px !important;
		height: 22px !important;
	}
}
@media (max-width: 767px) {
	.design.design-1 .name {
		font-size: 13px !important;
		height: 22px !important;
	}
}
.design.design-1 .title {
	width: 76% !important;
	margin-left: -38% !important;
	color: white !important;
	padding: 0 5% !important;
	font-family: "Mentor";
	font-size: 27px !important;
	line-height: 23px !important;
	font-weight: bold;
	top: 33.1% !important;
	height: 55px !important;
	text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-1 .title {
		font-size: 18px !important;
		height: 42px !important;
		line-height: 17px !important;
	}
}
@media (max-width: 767px) {
	.design.design-1 .title {
		font-size: 15px !important;
		height: 35px !important;
		line-height: 13px !important;
	}
}
.design.design-1 .description {
	width: 70% !important;
	margin-left: -35% !important;
	font-family: Arial;
	font-size: 15px !important;
	line-height: 18px !important;
	top: 44% !important;
	height: 60px !important;
	color: #fff !important;
	text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-1 .description {
		font-size: 12px !important;
		line-height: 14px !important;
		height: 45px !important;
	}
}
@media (max-width: 767px) {
	.design.design-1 .description {
		font-size: 10px !important;
		line-height: 12px !important;
		height: 38px !important;
	}
}
.design.design-1 .date {
	font-family: Arial;
	font-size: 18px !important;
	top: 17% !important;
	height: 32px !important;
	color: #fff !important;
	text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-1 .date {
		font-size: 14px !important;
		height: 22px !important;
	}
}
@media (max-width: 767px) {
	.design.design-1 .date {
		font-size: 12px !important;
		height: 22px !important;
	}
}
.design.design-1 .made {
	letter-spacing: 0.08em;
	color: #fff !important;
	top: 71% !important;
	font-size: 12px !important;
	text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-1 .made {
		font-size: 10px !important;
		top: 69% !important;
	}
}
@media (max-width: 767px) {
	.design.design-1 .made {
		font-size: 8px !important;
		letter-spacing: 0.04em;
		top: 69% !important;
	}
}
.color-3 .design-1 .name {
	color: #000 !important;
}
.color-3 .design-1 .title {
	color: #000 !important;
}
.color-3 .design-1 .description {
	color: #000 !important;
}
.color-3 .design-1 .date {
	color: #000 !important;
}
.color-3 .design-1 .made {
	color: #000 !important;
}

/* Design ID: 6 */
.color-1 .design-6 .background {
  background-image: url(designs/imgs/design-6-1.png);
}
.design-6 .color-picker.color-1 {
  background-image: url(designs/btns/btn-6-1.png);
}
.color-2 .design-6 .background {
  background-image: url(designs/imgs/design-6-2.png);
}
.design-6 .color-picker.color-2 {
  background-image: url(designs/btns/btn-6-2.png);
}
.color-3 .design-6 .background {
  background-image: url(designs/imgs/design-6-3.png);
}
.design-6 .color-picker.color-3 {
  background-image: url(designs/btns/btn-6-3.png);
}
.color-4 .design-6 .background {
  background-image: url(designs/imgs/design-6-4.png);
}
.design-6 .color-picker.color-4 {
  background-image: url(designs/btns/btn-6-4.png);
}
.color-1 .design-6 .date {
  color: #c30040;
}
.color-1 .design-6 .description {
  color: #009aa7;
}
.color-2 .design-6 .date {
  color: #ef7c00;
}
.color-2 .design-6 .description {
  color: #c3043f;
}
.color-3 .design-6 .date {
  color: #7a58a0;
}
.color-3 .design-6 .made {
  color: #7a58a0;
}
.color-3 .design-6 .description {
  color: #c3043f;
}
.color-4 .design-6 .date {
  color: #fff;
}
.design.design-6 .name {
  width: 76%;
  margin-left: -38%;
  color: white;
}
.design.design-6 .title {
  width: 76%;
  margin-left: -38%;
  color: white;
}
.design.design-6 .name {
  font-family: "Georgia";
  font-size: 40px;
  font-weight: bold;
  font-style: italic;
  top: 52.1%;
  height: 55px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-6 .name {
    font-size: 32px;
    height: 43px;
  }
}
@media (max-width: 767px) {
  .design.design-6 .name {
    font-size: 26px;
    height: 36px;
  }
}
.design.design-6 .title {
  font-family: "Georgia";
  font-size: 25px;
  font-weight: bold;
  font-style: italic;
  top: 63.5%;
  height: 35px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-6 .title {
    font-size: 19px;
    height: 28px;
  }
}
@media (max-width: 767px) {
  .design.design-6 .title {
    font-size: 16px;
    height: 22px;
  }
}
.design.design-6 .description {
  width: 70%;
  margin-left: -35%;
}
.design.design-6 .date {
  width: 70%;
  margin-left: -35%;
}
.design.design-6 .description {
  font-family: "Georgia";
  font-size: 25px;
  font-weight: bold;
  line-height: 29px;
  top: 29.4%;
  height: 60px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-6 .description {
    font-size: 20px;
    line-height: 22px;
    height: 45px;
  }
}
@media (max-width: 767px) {
  .design.design-6 .description {
    font-size: 16px;
    line-height: 19px;
    height: 38px;
  }
}
.design.design-6 .date {
  font-family: "Georgia";
  font-size: 22px;
  font-weight: bold;
  top: 18.5%;
  height: 32px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-6 .date {
    font-size: 17px;
    height: 22px;
  }
}
@media (max-width: 767px) {
  .design.design-6 .date {
    font-size: 15px;
    height: 22px;
  }
}
.design.design-6 .made {
  letter-spacing: 0.08em;
  color: #c30040;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-6 .made {
    font-size: 11px;
  }
}
@media (max-width: 767px) {
  .design.design-6 .made {
    font-size: 10px;
    letter-spacing: 0.04em;
  }
}
.color-1 .design-6 .made {
  color: #c30040;
}
.color-2 .design-6 .made {
  color: #c30040;
}
.color-3 .design-6 .made {
  color: #7a58a0;
}
.color-4 .design-6 .made {
  color: #133c2b;
}


/* Design ID: 7 */
.color-1 .design-7 .background {
  background-image: url(designs/imgs/design-7-1.png);
}
.design-7 .color-picker.color-1 {
  background-image: url(designs/btns/btn-7-1.png);
}
.color-2 .design-7 .background {
  background-image: url(designs/imgs/design-7-2.png);
}
.design-7 .color-picker.color-2 {
  background-image: url(designs/btns/btn-7-2.png);
}
.color-3 .design-7 .background {
  background-image: url(designs/imgs/design-7-3.png);
}
.design-7 .color-picker.color-3 {
  background-image: url(designs/btns/btn-7-3.png);
}
.color-4 .design-7 .background {
  background-image: url(designs/imgs/design-7-4.png);
}
.design-7 .color-picker.color-4 {
  background-image: url(designs/btns/btn-7-4.png);
}
.color-1 .design-7 {
  color: #c3043f;
}
.color-2 .design-7 {
  color: #cd7d00;
}
.color-3 .design-7 {
  color: #7a58a0;
}
.color-3 .design-7 .name {
  color: #432e56;
}
.color-3 .design-7 .title {
  color: #432e56;
}
.color-4 .design-7 {
  color: #fff;
}
.color-4 .design-7 .name {
  color: #133c2b;
}
.color-4 .design-7 .title {
  color: #133c2b;
}
.design.design-7 .background > div {
  width: 74%;
  margin-left: -37%;
}
.design.design-7 .name {
  font-family: "Georgia";
  font-size: 35px !important;
  font-weight: bold;
  top: 36%;
  width: 66%;
  height: 62px;
  margin-left: -33%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-7 .name {
    font-size: 36px;
    height: 50px;
  }
}
@media (max-width: 767px) {
  .design.design-7 .name {
    font-size: 30px;
    height: 38px;
  }
}
.design.design-7 .title {
  font-family: "Georgia";
  font-size: 25px;
  font-weight: bold;
  line-height: 25px !important;
  top: 49.4%;
  width: 74%;
  height: 54px;
  margin-left: -37%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-7 .title {
    font-size: 20px;
    line-height: 20px;
    height: 41px;
  }
}
@media (max-width: 767px) {
  .design.design-7 .title {
    font-size: 16px;
    line-height: 17px;
    height: 35px;
  }
}
.design.design-7 .description {
  font-family: "Georgia";
  font-size: 19px;
  font-weight: bold;
  line-height: 23px;
  top: 19.8%;
  height: 46px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-7 .description {
    font-size: 16px;
    line-height: 17px;
    height: 36px;
    letter-spacing: 0;
  }
}
@media (max-width: 767px) {
  .design.design-7 .description {
    font-size: 13px;
    line-height: 15px;
    height: 30px;
    letter-spacing: 0;
  }
}
.design.design-7 .date {
  font-family: "Georgia";
  font-size: 19px;
  font-weight: bold;
  top: 76.6%;
  height: 28px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-7 .date {
    font-size: 15px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .design.design-7 .date {
    font-size: 14px;
    height: 18px;
  }
}
.design.design-7 .background .description {
  width: 54%;
  margin-left: -27%;
}
.design.design-7 .background .date {
  width: 54%;
  margin-left: -27%;
}
.design.design-7 .made {
  font-size: 13px;
  top: 71.8%;
  letter-spacing: 0.08em;
  color: #c3043f !important;
  text-transform: uppercase;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-7 .made {
    font-size: 11px;
    letter-spacing: 0.02em;
  }
}
@media (max-width: 767px) {
  .design.design-7 .made {
    font-size: 10px;
    top: 71.4%;
    letter-spacing: 0;
  }
}
.color-2 .design.design-7 .background .made {
  color: #cd7d00 !important;
}
.color-3 .design.design-7 .background .made {
  color: #432e56 !important;
}
.color-3 .design.design-7 .background .name {
  color: #432e56 !important;
}
.color-4 .design.design-7 .background .made {
  color: #ffffff !important;
}
.color-1 .design.design-7 .made {
  color: #c3043f !important;
}


/* Design ID: 8 */
.color-1 .design-8 .background {
  background-image: url(designs/imgs/design-8-1.png);
}
.design-8 .color-picker.color-1 {
  background-image: url(designs/btns/btn-8-1.png);
}
.color-2 .design-8 .background {
  background-image: url(designs/imgs/design-8-2.png);
}
.design-8 .color-picker.color-2 {
  background-image: url(designs/btns/btn-8-2.png);
}
.color-3 .design-8 .background {
  background-image: url(designs/imgs/design-8-3.png);
}
.design-8 .color-picker.color-3 {
  background-image: url(designs/btns/btn-8-3.png);
}
.color-4 .design-8 .background {
  background-image: url(designs/imgs/design-8-4.png);
}
.design-8 .color-picker.color-4 {
  background-image: url(designs/btns/btn-8-4.png);
}
.color-1 .design-8 {
  color: #1c1c1b;
}
.color-1 .design-8 .date {
  color: #b4dac2;
}
.color-1 .design-8 .made {
  color: #b4dac2;
}
.color-2 .design-8 {
  color: #1c1c1b;
}
.color-2 .design-8 .date {
  color: #ef7c00;
}
.color-2 .design-8 .made {
  color: #ef7c00;
}
.color-3 .design-8 {
  color: #1c1c1b;
}
.color-3 .design-8 .date {
  color: #b4dac2;
}
.color-3 .design-8 .made {
  color: #b4dac2;
}
.color-4 .design-8 {
  color: #86bc24;
}
.color-4 .design-8 .background .name {
  color: #fff;
}
.color-4 .design-8 .background .title {
  color: #fff;
}
.design.design-8 .background > div {
  width: 74%;
  margin-left: -37%;
}
.design.design-8 .background .name {
  font-family: "Georgia";
  font-size: 38px;
  line-height: 44px;
  top: 28.4%;
  height: 88px;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-8 .background .name {
    font-size: 28px;
    line-height: 34px;
    top: 28.2%;
    height: 70px;
    letter-spacing: 0;
  }
}
@media (max-width: 767px) {
  .design.design-8 .background .name {
    font-size: 25px;
    line-height: 33px;
    top: 28.2%;
    height: 62px;
  }
}
.design.design-8 .title {
  font-family: "Georgia";
  font-size: 40px;
  font-weight: bold;
  line-height: 37px;
  top: 52.6%;
  height: 77px;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-8 .title {
    font-size: 32px;
    line-height: 30px;
    height: 64px;
  }
}
@media (max-width: 767px) {
  .design.design-8 .title {
    font-size: 26px;
    line-height: 25px;
    height: 50px;
  }
}
.design.design-8 .description {
  display: none;
}
.design.design-8 .background .date {
  font-family: "Arial";
  font-size: 19px;
  top: 18.8%;
  width: 54%;
  height: 28px;
  margin-left: -27%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-8 .background .date {
    font-size: 15px;
    height: 22px;
  }
}
@media (max-width: 767px) {
  .design.design-8 .background .date {
    font-size: 12px;
    top: 19.4%;
    height: 16px;
  }
}
.design.design-8 .background .made {
  line-height: 21px;
  top: 74.4%;
  width: 30%;
  margin-left: -15%;
  text-transform: uppercase;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-8 .background .made {
    font-size: 11px;
    line-height: 16px;
  }
}
@media (max-width: 767px) {
  .design.design-8 .background .made {
    font-size: 10px;
    line-height: 14px;
  }
}


/* Design ID: 9 */
.color-1 .design-9 .background {
  background-image: url(designs/imgs/design-9-1.png);
}
.design-9 .color-picker.color-1 {
  background-image: url(designs/btns/btn-9-1.png);
}
.color-2 .design-9 .background {
  background-image: url(designs/imgs/design-9-2.png);
}
.design-9 .color-picker.color-2 {
  background-image: url(designs/btns/btn-9-2.png);
}
.color-3 .design-9 .background {
  background-image: url(designs/imgs/design-9-3.png);
}
.design-9 .color-picker.color-3 {
  background-image: url(designs/btns/btn-9-3.png);
}
.color-4 .design-9 .background {
  background-image: url(designs/imgs/design-9-4.png);
}
.design-9 .color-picker.color-4 {
  background-image: url(designs/btns/btn-9-4.png);
}
.color-1 .design-9 {
  color: #d4003c;
}
.color-2 .design-9 {
  color: #f49a00;
}
.color-3 .design-9 {
  color: #9e5da1;
}
.color-4 .design-9 {
  color: #86bc24;
}
.design.design-9 .background > div {
  width: 74%;
  margin-left: -37%;
}
.design.design-9 .background .name {
  font-family: "Georgia";
  font-size: 38px;
  font-weight: bold;
  top: 5.4%;
  width: 90%;
  height: 142px;
  margin-left: -45%;
  letter-spacing: -0.06em;
  text-transform: uppercase;
  color: white;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-9 .background .name {
    font-size: 28px;
    height: 110px;
  }
}
@media (max-width: 767px) {
  .design.design-9 .background .name {
    font-size: 25px;
    height: 98px;
  }
}
.design.design-9 .background > .title {
  font-family: "Georgia";
  font-size: 36px;
  font-weight: bold;
  line-height: 34px;
  top: 41.6%;
  width: 86%;
  height: 77px;
  margin-left: -43%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-9 .background > .title {
    font-size: 28px;
    line-height: 30px;
    height: 64px;
  }
}
@media (max-width: 767px) {
  .design.design-9 .background > .title {
    font-size: 24px;
    line-height: 25px;
    height: 50px;
  }
}
.design.design-9 .background .description {
  font-family: "Arial";
  font-size: 18px;
  top: 64.2%;
  width: 80%;
  height: 120px;
  margin-left: -40%;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: white;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-9 .background .description {
    font-size: 14px;
    top: 64.4%;
    height: 92px;
    letter-spacing: -0.06em;
  }
}
@media (max-width: 767px) {
  .design.design-9 .background .description {
    font-size: 12px;
    height: 79px;
    letter-spacing: -0.08em;
  }
}
.design.design-9 .background .date {
  font-family: "Arial";
  font-size: 19px;
  top: 65.2%;
  width: 44%;
  height: 28px;
  margin-left: -22%;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-9 .background .date {
    font-size: 15px;
    height: 22px;
  }
}
@media (max-width: 767px) {
  .design.design-9 .background .date {
    font-size: 13px;
    height: 16px;
  }
}
.design.design-9 .background .made {
  font-family: "Arial";
  font-weight: bold;
  top: 79.8%;
  width: 90%;
  height: 70px;
  margin-left: -45%;
  letter-spacing: -0.06em;
  text-transform: uppercase;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-9 .background .made {
    font-size: 12px;
    height: 54px;
    letter-spacing: -0.12em;
  }
}
@media (max-width: 767px) {
  .design.design-9 .background .made {
    font-size: 11px;
    height: 46px;
    letter-spacing: -0.16em;
  }
}
.design.design-9 .background .made .curved-container > span:last-child {
  margin-bottom: 2px;
  margin-left: -6px;
}


/* Design ID: 10 */
.color-1 .design-10 .background {
  background-image: url(designs/imgs/design-10-1.png);
}
.design-10 .color-picker.color-1 {
  background-image: url(designs/btns/btn-10-1.png);
}
.color-2 .design-10 .background {
  background-image: url(designs/imgs/design-10-2.png);
}
.design-10 .color-picker.color-2 {
  background-image: url(designs/btns/btn-10-2.png);
}
.color-3 .design-10 .background {
  background-image: url(designs/imgs/design-10-3.png);
}
.design-10 .color-picker.color-3 {
  background-image: url(designs/btns/btn-10-3.png);
}
.color-4 .design-10 .background {
  background-image: url(designs/imgs/design-10-4.png);
}
.design-10 .color-picker.color-4 {
  background-image: url(designs/btns/btn-10-4.png);
}
.color-1 .design-10 {
  color: #d50f3b;
}
.color-1 .design-10 .background .name {
  color: #7b0e2d;
}
.color-1 .design-10 .background .date {
  color: #7b0e2d;
}
.color-1 .design-10 .made {
  color: #d4003c;
}
.color-2 .design-10 {
  color: #f28f00;
}
.color-2 .design-10 .background .name {
  color: #945b00;
}
.color-2 .design-10 .background .date {
  color: #945b00;
}
.color-2 .design-10 .made {
  color: #f49a00;
}
.color-3 .design-10 {
  color: #9e5da1;
}
.color-3 .design-10 .background .name {
  color: #633964;
}
.color-3 .design-10 .background .date {
  color: #633964;
}
.color-4 .design-10 .description {
  color: #009847;
}
.color-4 .design-10 .made {
  color: #009847;
}
.design.design-10 .background > div {
  width: 74%;
  margin-left: -37%;
}
.design.design-10 .background .name {
  font-family: "Georgia";
  font-size: 31px;
  font-weight: bold;
  top: 41.4%;
  width: 52%;
  height: 40px;
  margin-left: -26%;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-10 .background .name {
    font-size: 25px;
    height: 32px;
  }
}
@media (max-width: 767px) {
  .design.design-10 .background .name {
    font-size: 21px;
    height: 25px;
  }
}
.design.design-10 .title {
  font-family: "Georgia";
  font-size: 28px;
  font-weight: bold;
  line-height: 29px;
  top: 54.2%;
  height: 60px;
  color: white;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-10 .title {
    font-size: 22px;
    line-height: 25px;
    height: 46px;
  }
}
@media (max-width: 767px) {
  .design.design-10 .title {
    font-size: 20px;
    line-height: 20px;
    height: 40px;
    letter-spacing: -0.05em;
  }
}
.design.design-10 .background .description {
  font-family: "Arial";
  font-size: 16px;
  font-weight: bold;
  top: 14.8%;
  width: 68%;
  height: 162px;
  margin-left: -34%;
  letter-spacing: -0.1em;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-10 .background .description {
    font-size: 12px;
    height: 122px;
    letter-spacing: -0.11em;
  }
}
@media (max-width: 767px) {
  .design.design-10 .background .description {
    font-size: 10px;
    height: 100px;
    letter-spacing: -0.11em;
  }
}
.design.design-10 .background .date {
  font-family: "Arial";
  font-size: 14px;
  font-weight: bold;
  top: 72%;
  width: 26%;
  height: 18px;
  margin-left: -13%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-10 .background .date {
    font-size: 11px;
    height: 15px;
  }
}
@media (max-width: 767px) {
  .design.design-10 .background .date {
    font-size: 9px;
    height: 11px;
  }
}
.design.design-10 .background .made {
  font-family: "Arial";
  font-size: 11px;
  top: 69.4%;
  width: 68%;
  height: 69px;
  margin-left: -34%;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-10 .background .made {
    font-size: 8px;
    height: 52px;
    letter-spacing: 0;
  }
}
@media (max-width: 767px) {
  .design.design-10 .background .made {
    font-size: 7px;
    height: 45px;
  }
}
.design.design-10 .background .made .curved-container > span:last-child {
  margin-bottom: 1px;
  margin-left: -6px;
}


/* Design ID: 11 */
.color-1 .design-11 .background {
  background-image: url(designs/imgs/design-11-1.png);
}
.design-11 .color-picker.color-1 {
  background-image: url(designs/btns/btn-11-1.png);
}
.color-2 .design-11 .background {
  background-image: url(designs/imgs/design-11-2.png);
}
.design-11 .color-picker.color-2 {
  background-image: url(designs/btns/btn-11-2.png);
}
.color-3 .design-11 .background {
  background-image: url(designs/imgs/design-11-3.png);
}
.design-11 .color-picker.color-3 {
  background-image: url(designs/btns/btn-11-3.png);
}
.color-4 .design-11 .background {
  background-image: url(designs/imgs/design-11-4.png);
}
.design-11 .color-picker.color-4 {
  background-image: url(designs/btns/btn-11-4.png);
}
.color-1 .design-11 {
  color: #ee7f00;
}
.color-2 .design-11 {
  color: #f49c00;
}
.color-3 .design-11 {
  color: #79b8ac;
}
.color-4 .design-11 .made {
  color: #86bc24;
}
.color-4 .design-11 .date {
  color: #86bc24;
}
.design.design-11 .background > div {
  width: 74%;
  margin-left: -37%;
}
.design.design-11 .background .name {
  font-family: "Georgia";
  font-size: 40px;
  top: 38.9%;
  width: 74%;
  height: 44px;
  margin-left: -36.7%;
  color: white;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-11 .background .name {
    font-size: 31px;
    height: 32px;
  }
}
@media (max-width: 767px) {
  .design.design-11 .background .name {
    font-size: 26px;
    height: 36px;
  }
}
.design.design-11 .title {
  font-family: "Georgia";
  font-size: 43px;
  font-weight: bold;
  line-height: 40px;
  top: 51.2%;
  height: 85px;
  letter-spacing: -0.03em;
  color: white;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-11 .title {
    font-size: 32px;
    line-height: 30px;
    height: 66px;
    top: 51%;
    letter-spacing: 0em;
  }
}
@media (max-width: 767px) {
  .design.design-11 .title {
    font-size: 28px;
    line-height: 28px;
    height: 55px;
    letter-spacing: -0.02em;
  }
}
.design.design-11 .description {
  display: none;
}
.design.design-11 .background .date {
  font-family: "Arial";
  font-size: 20px;
  font-weight: bold;
  top: 13.8%;
  width: 40%;
  height: 26px;
  margin-left: -19.7%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-11 .background .date {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .design.design-11 .background .date {
    font-size: 13px;
    height: 17px;
  }
}
.design.design-11 .background .made {
  font-family: "Arial";
  font-size: 13px;
  top: 78.5%;
  width: 29%;
  height: 69px;
  margin-left: -14%;
  font-weight: normal;
  line-height: 21.9px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-11 .background .made {
    font-size: 10px;
    height: 30px;
    line-height: 16px;
  }
}
@media (max-width: 767px) {
  .design.design-11 .background .made {
    font-size: 8px;
    height: 26px;
    line-height: 14px;
  }
}
.design.design-11 .background .made .curved-container > span:last-child {
  margin-bottom: 1px;
  margin-left: -6px;
}


/* Design ID: 12 */
.color-1 .design-12 .background {
  background-image: url(designs/imgs/design-12-1.png);
}
.design-12 .color-picker.color-1 {
  background-image: url(designs/btns/btn-12-1.png);
}
.color-2 .design-12 .background {
  background-image: url(designs/imgs/design-12-2.png);
}
.design-12 .color-picker.color-2 {
  background-image: url(designs/btns/btn-12-2.png);
}
.color-3 .design-12 .background {
  background-image: url(designs/imgs/design-12-3.png);
}
.design-12 .color-picker.color-3 {
  background-image: url(designs/btns/btn-12-3.png);
}
.color-1 .design-12 .background .made {
  color: #ee7f00;
}
.color-1 .design-12 .background .title {
  color: #ee7f00;
}
.color-2 .design-12 .background .name {
  color: #1a171b;
}
.color-2 .design-12 .background .made {
  color: #402b55;
}
.color-3 .design-12 .background .title {
  color: #ee7f00;
}
.color-3 .design-12 .background .made {
  color: #ee7f00;
}
.design.design-12 {
  color: white;
}
.design.design-12 .background > div {
  width: 65%;
  margin-left: -32%;
}
.design.design-12 .background .name {
  font-family: "Georgia";
  font-size: 32px;
  font-weight: bold;
  top: 39.4%;
  width: 64%;
  height: 44px;
  margin-left: -31.1%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-12 .background .name {
    font-size: 25px;
    height: 32px;
  }
}
@media (max-width: 767px) {
  .design.design-12 .background .name {
    font-size: 21px;
    height: 23px;
  }
}
.design.design-12 .title {
  font-family: "Georgia";
  font-size: 28px;
  font-weight: bold;
  line-height: 31px;
  top: 47.6%;
  height: 70px;
  letter-spacing: -0.01em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-12 .title {
    font-size: 21px;
    line-height: 24px;
    height: 59px;
    top: 47%;
    letter-spacing: 0em;
  }
}
@media (max-width: 767px) {
  .design.design-12 .title {
    font-size: 18px;
    line-height: 21px;
    height: 45px;
    letter-spacing: 0em;
  }
}
.design.design-12 .description {
  display: none;
}
.design.design-12 .background .date {
  font-family: "Arial";
  font-size: 16px;
  font-weight: bold;
  top: 80.9%;
  width: 37%;
  height: 20px;
  margin-left: -18.7%;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-12 .background .date {
    font-size: 12px;
    height: 16px;
    letter-spacing: 0em;
  }
}
@media (max-width: 767px) {
  .design.design-12 .background .date {
    font-size: 11px;
    height: 14px;
    letter-spacing: -0.05em;
  }
}
.design.design-12 .background .made {
  font-family: "Arial";
  font-size: 13px;
  top: 72.1%;
  width: 29%;
  height: 39px;
  margin-left: -14.3%;
  font-weight: normal;
  line-height: 20.1px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-12 .background .made {
    font-size: 10px;
    height: 30px;
    line-height: 15px;
    letter-spacing: 0.5px;
  }
}
@media (max-width: 767px) {
  .design.design-12 .background .made {
    font-size: 8px;
    height: 26px;
    line-height: 14px;
  }
}


/* Design ID: 13 */
.color-1 .design-13 .background {
  background-image: url(designs/imgs/design-13-1.png);
}
.design-13 .color-picker.color-1 {
  background-image: url(designs/btns/btn-13-1.png);
}
.color-2 .design-13 .background {
  background-image: url(designs/imgs/design-13-2.png);
}
.design-13 .color-picker.color-2 {
  background-image: url(designs/btns/btn-13-2.png);
}
.color-3 .design-13 .background {
  background-image: url(designs/imgs/design-13-3.png);
}
.design-13 .color-picker.color-3 {
  background-image: url(designs/btns/btn-13-3.png);
}

.design.design-13 {
  color: white;
}
.design.design-13 .background .name {
  font-family: "Georgia";
  font-size: 32px;
  font-weight: bold;
  top: 52.2%;
  width: 76%;
  height: 44px;
  margin-left: -37.5%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-13 .background .name {
    font-size: 25px;
    height: 32px;
  }
}
@media (max-width: 767px) {
  .design.design-13 .background .name {
    font-size: 21px;
    height: 23px;
  }
}
.design.design-13 .title {
  font-family: "Georgia";
  font-size: 28px;
  font-weight: bold;
  line-height: 31px;
  top: 62.4%;
  height: 70px;
  letter-spacing: -0.02em;
  width: 51%;
  margin-left: -25.8%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-13 .title {
    font-size: 21px;
    line-height: 24px;
    height: 59px;
    top: 62.2%;
    letter-spacing: 0em;
  }
}
@media (max-width: 767px) {
  .design.design-13 .title {
    font-size: 18px;
    line-height: 21px;
    height: 45px;
    letter-spacing: 0em;
  }
}
.design.design-13 .description {
  top: 49%;
  height: 193px;
  font-family: "Arial";
  font-size: 16px;
  letter-spacing: -0.08em;
  font-weight: bold;
  line-height: 19px;
  text-transform: uppercase;
  width: 81%;
  margin-left: -40.8%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-13 .description {
    top: 37.3%;
    font-size: 11px;
    letter-spacing: -0.05em;
  }
}
@media (max-width: 767px) {
  .design.design-13 .description {
    top: 51.2%;
    font-size: 9px;
    letter-spacing: -0.05em;
    height: 42%;
  }
}
.design.design-13 .background .date {
  font-family: "Arial";
  font-size: 15px;
  top: 14.9%;
  width: 37%;
  height: 20px;
  margin-left: -18.7%;
  letter-spacing: -0.03em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-13 .background .date {
    font-size: 12px;
    height: 16px;
    letter-spacing: 0em;
  }
}
@media (max-width: 767px) {
  .design.design-13 .background .date {
    font-size: 11px;
    height: 14px;
    letter-spacing: -0.05em;
  }
}
.design.design-13 .background .made {
  font-family: "Arial";
  font-size: 12px;
  top: 19.6%;
  width: 28%;
  height: 39px;
  margin-left: -13.8%;
  font-weight: normal;
  line-height: 20.1px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-13 .background .made {
    font-size: 10px;
    height: 30px;
    line-height: 15px;
    letter-spacing: 0.5px;
  }
}
@media (max-width: 767px) {
  .design.design-13 .background .made {
    font-size: 8px;
    height: 26px;
    line-height: 14px;
  }
}


/* Design ID: 14 */
.color-1 .design-14 .background {
	background-image: url(designs/imgs/design-14-1.png);
}
.design-14 .color-picker.color-1 {
	background-image: url(designs/btns/btn-14-1.png);
}
.color-2 .design-14 .background {
	background-image: url(designs/imgs/design-14-2.png);
}
.design-14 .color-picker.color-2 {
	background-image: url(designs/btns/btn-14-2.png);
}
.color-3 .design-14 .background {
	background-image: url(designs/imgs/design-14-3.png);
}
.design-14 .color-picker.color-3 {
	background-image: url(designs/btns/btn-14-3.png);
}
.design.design-14 {
	color: white;
}
.design.design-14 .background > div {
	width: 86%;
	margin-left: -42.8%;
}
.design.design-14 .background .name {
	font-family: "Georgia";
	font-size: 32px;
	font-weight: bold;
	top: 34.8%;
	width: 76%;
	height: 44px;
	margin-left: -37.5%;
	text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-14 .background .name {
		font-size: 25px;
		height: 32px;
	}
}
@media (max-width: 767px) {
	.design.design-14 .background .name {
		font-size: 21px;
		height: 23px;
	}
}
.design.design-14 .title {
	font-family: "Georgia";
	font-size: 28px;
	line-height: 31px;
	top: 45.2%;
	height: 70px;
	width: 77% !important;
	margin-left: -39% !important;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-14 .title {
		font-size: 21px;
		line-height: 24px;
		height: 59px;
		top: 44.2%;
	}
}
@media (max-width: 767px) {
	.design.design-14 .title {
		font-size: 18px;
		line-height: 21px;
		height: 45px;
	}
}
.design.design-14 .description {
	top: 62%;
	height: 127px;
	font-family: "Georgia";
	font-size: 17px;
	font-style: italic;
	letter-spacing: -0.02em;
	line-height: 19px;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-14 .description {
		top: 54.3%;
		font-size: 13px;
		letter-spacing: 0em;
	}
}
@media (max-width: 767px) {
	.design.design-14 .description {
		top: 48.3%;
		font-size: 11px;
	}
}
.design.design-14 .background .date {
	font-family: "Arial";
	font-size: 15px;
	top: 20.9%;
	width: 37%;
	height: 20px;
	margin-left: -18.7%;
	letter-spacing: -0.04em;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-14 .background .date {
		font-size: 12px;
		height: 16px;
		letter-spacing: 0em;
	}
}
@media (max-width: 767px) {
	.design.design-14 .background .date {
		font-size: 11px;
		height: 14px;
		letter-spacing: -0.05em;
	}
}
.design.design-14 .background .made {
	font-family: "Arial";
	font-size: 12px;
	top: 25.7%;
	width: 61%;
	height: 39px;
	margin-left: -30.3%;
	font-weight: normal;
	line-height: 20.1px;
	letter-spacing: 0.6px;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-14 .background .made {
		font-size: 10px;
		height: 30px;
		line-height: 15px;
		letter-spacing: 0.5px;
	}
}
@media (max-width: 767px) {
	.design.design-14 .background .made {
		font-size: 8px;
		height: 26px;
		line-height: 14px;
	}
}

/* Design ID: 15 */
.color-1 .design-15 .background {
  background-image: url(designs/imgs/design-15-1.png);
}
.design-15 .color-picker.color-1 {
  background-image: url(designs/btns/btn-15-1.png);
}
.color-2 .design-15 .background {
  background-image: url(designs/imgs/design-15-2.png);
}
.design-15 .color-picker.color-2 {
  background-image: url(designs/btns/btn-15-2.png);
}
.color-3 .design-15 .background {
  background-image: url(designs/imgs/design-15-3.png);
}
.design-15 .color-picker.color-3 {
  background-image: url(designs/btns/btn-15-3.png);
}

.design.design-15 .background > div {
  width: 75%;
  margin-left: -37.8%;
}
.design.design-15 .background .name {
  font-family: "Georgia";
  font-size: 32px;
  font-weight: bold;
  top: 42.4%;
  width: 76%;
  height: 44px;
  margin-left: -37.5%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-15 .background .name {
    font-size: 25px;
    height: 32px;
  }
}
@media (max-width: 767px) {
  .design.design-15 .background .name {
    font-size: 21px;
    height: 23px;
  }
}
.design.design-15 .title {
  font-family: "Georgia";
  font-size: 28px;
  font-weight: bold;
  line-height: 31px;
  top: 52.2%;
  height: 70px;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-15 .title {
    font-size: 21px;
    line-height: 24px;
    height: 59px;
    top: 52.2%;
    letter-spacing: 0em;
  }
}
@media (max-width: 767px) {
  .design.design-15 .title {
    font-size: 18px;
    line-height: 21px;
    height: 45px;
    letter-spacing: 0em;
  }
}
.design.design-15 .description {
  top: 18.5%;
  height: 38px;
  font-family: "Georgia";
  font-size: 17px;
  font-style: italic;
  letter-spacing: -0.02em;
  font-weight: bold;
  line-height: 19px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-15 .description {
    top: 17.3%;
    font-size: 13px;
    letter-spacing: -0.03em;
  }
}
@media (max-width: 767px) {
  .design.design-15 .description {
    top: 16.3%;
    font-size: 10px;
    letter-spacing: 0.03em;
    line-height: 10px;
  }
}
.design.design-15 .background .date {
  font-family: "Arial";
  font-size: 15px;
  top: 72.9%;
  width: 37%;
  height: 20px;
  margin-left: -18.7%;
  letter-spacing: -0.04em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-15 .background .date {
    font-size: 12px;
    height: 16px;
    letter-spacing: 0em;
  }
}
@media (max-width: 767px) {
  .design.design-15 .background .date {
    font-size: 11px;
    height: 14px;
    letter-spacing: -0.05em;
  }
}
.design.design-15 .background .made {
  font-family: "Arial";
  font-size: 12px;
  top: 77.4%;
  width: 61%;
  height: 39px;
  margin-left: -30.3%;
  font-weight: normal;
  line-height: 20.1px;
  letter-spacing: 0.6px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-15 .background .made {
    font-size: 10px;
    height: 30px;
    line-height: 15px;
    letter-spacing: 0.5px;
  }
}
@media (max-width: 767px) {
  .design.design-15 .background .made {
    font-size: 8px;
    height: 26px;
    line-height: 14px;
  }
}
.color-1 .design-15 {
  color: #51bdc5;
}
.color-1 .design-15 .background .date {
  color: #c01818;
}
.color-1 .design-15 .background .title {
  color: #c01818;
}
.color-2 .design-15 {
  color: #009a3c;
}
.color-2 .design-15 .background .date {
  color: #c01818;
}
.color-2 .design-15 .background .title {
  color: #c01818;
}
.color-3 .design-15 {
  color: #c01818;
}
.color-3 .design-15 .background .date {
  color: #009a3c;
}
.color-3 .design-15 .background .title {
  color: #009a3c;
}


/* Design ID: 16 */
.color-1 .design-16 .background {
  background-image: url(designs/imgs/design-16-1.png);
}
.design-16 .color-picker.color-1 {
  background-image: url(designs/btns/btn-16-1.png);
}
.color-2 .design-16 .background {
  background-image: url(designs/imgs/design-16-2.png);
}
.design-16 .color-picker.color-2 {
  background-image: url(designs/btns/btn-16-2.png);
}
.color-3 .design-16 .background {
  background-image: url(designs/imgs/design-16-3.png);
}
.design-16 .color-picker.color-3 {
  background-image: url(designs/btns/btn-16-3.png);
}
.color-4 .design-16 .background {
  background-image: url(designs/imgs/design-16-4.png);
}
.design-16 .color-picker.color-4 {
  background-image: url(designs/btns/btn-16-4.png);
}
.color-1 .design-16 {
  color: #eaeff3;
}
.color-1 .design-16 .background .description {
  color: #b9d87f;
}
.color-2 .design-16 {
  color: #fff6d9;
}
.color-2 .design-16 .background .description {
  color: #f8b84d;
}
.color-2 .design-16 .background .date {
  color: #fff;
}
.color-3 .design-16 {
  color: #fff;
}
.color-3 .design-16 .background .description {
  color: #fad5d4;
}
.color-4 .design-16 {
  color: #fff;
}
.design.design-16 .background > div {
  width: 61%;
  margin-left: -30.5%;
}
.design.design-16 .background .name {
  font-family: "Arial";
  font-weight: bold;
  font-size: 29px;
  top: 38.8%;
  width: 61%;
  height: 44px;
  margin-left: -30.5%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-16 .background .name {
    font-size: 22px;
    height: 27px;
  }
}
@media (max-width: 767px) {
  .design.design-16 .background .name {
    font-size: 19px;
    height: 24px;
  }
}
.design.design-16 .title {
  font-size: 30px;
  line-height: 31px;
  top: 47.2%;
  height: 70px;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-16 .title {
    font-size: 21px;
    line-height: 24px;
    height: 47px;
    top: 48.2%;
    letter-spacing: 0.04em;
  }
}
@media (max-width: 767px) {
  .design.design-16 .title {
    font-size: 18px;
    line-height: 21px;
    height: 45px;
    letter-spacing: 0em;
  }
}
.design.design-16 .description {
  font-family: "Georgia";
  font-weight: bold;
  top: 3.6%;
  height: 55px;
  line-height: 26px;
  font-size: 20px;
  letter-spacing: 0.08em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-16 .description {
    font-size: 17px;
    line-height: 17px;
    height: 36px;
    top: 6.6%;
    letter-spacing: 0.03em;
  }
}
@media (max-width: 767px) {
  .design.design-16 .description {
    font-size: 15px;
    line-height: 15px;
    height: 36px;
    letter-spacing: 0.01em;
    top: 4.2%;
  }
}
.design.design-16 .background .date {
  font-family: "Arial";
  font-weight: bold;
  font-size: 18px;
  top: 75.1%;
  width: 37%;
  height: 20px;
  margin-left: -18.5%;
  letter-spacing: 0em;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-16 .background .date {
    font-size: 12px;
    height: 16px;
    top: 75.6%;
  }
}
@media (max-width: 767px) {
  .design.design-16 .background .date {
    font-size: 11px;
    height: 14px;
    letter-spacing: -0.05em;
  }
}
.design.design-16 .background .made {
  top: 67.1%;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  color: #fff;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-16 .background .made {
    font-size: 11px;
  }
}
@media (max-width: 767px) {
  .design.design-16 .background .made {
    font-size: 10px;
  }
}


/* Design ID: 17 */
.color-1 .design-17 .background {
	background-image: url(designs/imgs/design-17-1.png);
}
.design-17 .color-picker.color-1 {
	background-image: url(designs/btns/btn-17-1.png);
}
.color-2 .design-17 .background {
	background-image: url(designs/imgs/design-17-2.png);
}
.design-17 .color-picker.color-2 {
	background-image: url(designs/btns/btn-17-2.png);
}
.color-3 .design-17 .background {
	background-image: url(designs/imgs/design-17-3.png);
}
.design-17 .color-picker.color-3 {
	background-image: url(designs/btns/btn-17-3.png);
}
.color-4 .design-17 .background {
	background-image: url(designs/imgs/design-17-4.png);
}
.design-17 .color-picker.color-4 {
	background-image: url(designs/btns/btn-17-4.png);
}
.color-1 .design-17 {
	color: #56b998;
}
.color-1 .design-17 .background .name {
	color: white;
}
.color-1 .design-17 .background .date {
	color: white;
}
.color-1 .design-17 .background .year {
	color: white;
}
.color-2 .design-17 {
	color: #ffdd10;
}
.color-2 .design-17 .background .name {
	color: white;
}
.color-2 .design-17 .background .date {
	color: white;
}
.color-2 .design-17 .background .year {
	color: white;
}
.color-3 .design-17 {
	color: #f59c22;
}
.color-3 .design-17 .background .name {
	color: white;
}
.color-3 .design-17 .background .date {
	color: white;
}
.color-3 .design-17 .background .year {
	color: white;
}
.color-4 .design-17 {
	color: #86bc25;
}
.color-4 .design-17 .name {
	color: white;
}
.color-4 .design-17 .date {
	color: white;
}
.color-4 .design-17 .year {
	color: white;
}
.design.design-17 #savePdf {
	margin-top: 56px;
}
.design.design-17 .fileUpload {
	position: absolute;
	top: -95px;
}
.design.design-17 .uploadedImage {
	width: 200px;
	height: 200px;
	background-image: url(/resources/images/upload-dummy.png);
	position: absolute;
	background-size: 200px;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -100px;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-17 .uploadedImage {
		background-size: 154px;
		width: 154px;
		height: 154px;
		margin-top: -77px;
		margin-left: -77px;
	}
}
@media (max-width: 767px) {
	.design.design-17 .uploadedImage {
		background-size: 132px;
		width: 132px;
		height: 132px;
		margin-top: -66px;
		margin-left: -66px;
	}
}
.design.design-17 .background > div {
	width: 70%;
	margin-left: -35%;
}
.design.design-17 .background .name {
	font-family: "Georgia";
	font-size: 34px;
	top: 4%;
	width: 90%;
	height: 200px;
	margin-left: -45%;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-17 .background .name {
		font-size: 28px;
		height: 171px;
		width: 89%;
		letter-spacing: -0.1em;
		margin-left: -44%;
	}
}
@media (max-width: 767px) {
	.design.design-17 .background .name {
		font-size: 24px;
		height: 145px;
		letter-spacing: -0.08em;
	}
}
.design.design-17 .title {
	font-family: "Georgia";
	letter-spacing: -0.06em;
	font-size: 28px;
	line-height: 31px;
	top: 15.2%;
	height: 160px;
	text-transform: uppercase;
	font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-17 .title {
		font-size: 20px;
		letter-spacing: -0.07em;
		top: 14%;
	}
}
@media (max-width: 767px) {
	.design.design-17 .title {
		font-size: 17px;
		top: 13.6%;
		height: 113px;
		letter-spacing: -0.1em;
	}
}
.design.design-17 .description {
	font-family: "Georgia";
	top: 44.8%;
	height: 179px;
	font-size: 18px;
	text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-17 .description {
		font-size: 13px;
		height: 131px;
		letter-spacing: -0.03em;
		top: 47%;
	}
}
@media (max-width: 767px) {
	.design.design-17 .description {
		font-size: 11px;
		top: 50%;
		height: 103px;
	}
}
.design.design-17 .background .date {
	font-family: "Arial";
	font-size: 12px;
	top: 55.5%;
	width: 68%;
	height: 156px;
	margin-left: -33.5%;
	text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-17 .background .date {
		font-size: 9px;
		top: 45%;
	}
}
@media (max-width: 767px) {
	.design.design-17 .background .date {
		font-size: 8px;
		top: 37%;
	}
}
.design.design-17 .background .year {
	font-family: "Georgia";
	font-weight: bold;
	font-size: 32px;
	top: 65.4%;
	width: 20%;
	margin-left: -9.5%;
	text-transform: uppercase;
	z-index: 3;
	border-radius: 50%;
	line-height: 60px;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-17 .background .year {
		font-size: 24px;
		top: 63.4%;
	}
}
@media (max-width: 767px) {
	.design.design-17 .background .year {
		font-size: 22px;
		top: 62.4%;
	}
}
.design.design-17 .background .made {
	font-family: "Georgia";
	font-size: 13px;
	top: 80.2%;
	width: 69%;
	height: 67px;
	margin-left: -34%;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-17 .background .made {
		font-size: 11px;
		height: 52px;
		letter-spacing: 0;
	}
}
@media (max-width: 767px) {
	.design.design-17 .background .made {
		font-size: 10px;
		height: 45px;
	}
}
.design.design-17 .background .made .curved-container > span:last-child {
	margin-bottom: 1px;
	margin-left: -6px;
}

/* Design ID: 18 */
.color-1 .design-18 .background {
  background-image: url(designs/imgs/design-18-1.png);
}
.design-18 .color-picker.color-1 {
  background-image: url(designs/btns/btn-18-1.png);
}
.color-2 .design-18 .background {
  background-image: url(designs/imgs/design-18-2.png);
}
.design-18 .color-picker.color-2 {
  background-image: url(designs/btns/btn-18-2.png);
}
.color-3 .design-18 .background {
  background-image: url(designs/imgs/design-18-3.png);
}
.design-18 .color-picker.color-3 {
  background-image: url(designs/btns/btn-18-3.png);
}
.design.design-18 .background > div {
  width: 61%;
  margin-left: -30.5%;
}
.design.design-18 .background .name {
  font-family: "Georgia";
  font-size: 35px;
  top: 40%;
  width: 62%;
  height: 38px;
  margin-left: -31%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-18 .background .name {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .design.design-18 .background .name {
    font-size: 22px;
  }
}
.design.design-18 .title {
  font-family: "Georgia";
  font-size: 33px;
  line-height: 38px;
  top: 50%;
  height: 81px;
  letter-spacing: -0.03em;
  font-style: italic;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-18 .title {
    font-size: 26px;
    line-height: 30px;
    top: 47%;
  }
}
@media (max-width: 767px) {
  .design.design-18 .title {
    font-size: 22px;
    line-height: 26px;
    top: 46%;
  }
}
.design.design-18 .description {
  display: none;
}
.design.design-18 .background .date {
  font-family: "Arial";
  font-size: 18px;
  top: 73%;
  width: 61%;
  height: 24px;
  margin-left: -30.5%;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-18 .background .date {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .design.design-18 .background .date {
    font-size: 11px;
  }
}
.design.design-18 .background .made {
  font-family: "Arial";
  font-size: 13px;
  top: 80.4%;
  width: 28%;
  height: 53px;
  margin-left: -13.5%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-18 .background .made {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .design.design-18 .background .made {
    font-size: 8px;
  }
}
.color-1 .design-18 {
  color: #f29100;
}
.color-1 .design-18 .background .name {
  color: #e7f0d9;
}
.color-1 .design-18 .background .date {
  color: #e7f0d9;
}
.color-2 .design-18 {
  color: #f39107;
}
.color-2 .design-18 .background .name {
  color: #b31b4a;
}
.color-2 .design-18 .background .date {
  color: #b31b4a;
}
.color-3 .design-18 {
  color: #c7d300;
}
.color-3 .design-18 .background .name {
  color: #e7f0d9;
}
.color-3 .design-18 .background .date {
  color: #e7f0d9;
}


/* Design ID: 19 */
.color-1 .design-19 .background {
  background-image: url(designs/imgs/design-19-1.png);
}
.design-19 .color-picker.color-1 {
  background-image: url(designs/btns/btn-19-1.png);
}
.color-2 .design-19 .background {
  background-image: url(designs/imgs/design-19-2.png);
}
.design-19 .color-picker.color-2 {
  background-image: url(designs/btns/btn-19-2.png);
}
.color-3 .design-19 .background {
  background-image: url(designs/imgs/design-19-3.png);
}
.design-19 .color-picker.color-3 {
  background-image: url(designs/btns/btn-19-3.png);
}
.design.design-19 .background > div {
  width: 70%;
  margin-left: -35%;
}
.design.design-19 .background .name {
  font-family: "Georgia";
  font-size: 35px !important;
  top: 45.3%;
  width: 74%;
  height: 50px;
  margin-left: -37%;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-19 .background .name {
    font-size: 28px !important;
  }
}
@media (max-width: 767px) {
  .design.design-19 .background .name {
    font-size: 24px !important;
  }
}
.design.design-19 .title {
  font-size: 34px;
  line-height: 38px;
  top: 56%;
  height: 81px;
  letter-spacing: 0.02em;
  font-family: "Georgia";
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-19 .title {
    font-size: 27px;
    line-height: 28px;
    top: 54%;
  }
}
@media (max-width: 767px) {
  .design.design-19 .title {
    font-size: 30px !important;
    line-height: 30px !important;
    top: 56% !important;
  }
}
.design.design-19 .description {
  display: none;
}
.design.design-19 .background .date {
  font-family: "Arial";
  font-weight: bold;
  font-size: 17px;
  top: 84%;
  width: 60%;
  height: 24px;
  margin-left: -30%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-19 .background .date {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .design.design-19 .background .date {
    font-size: 11px;
  }
}
.design.design-19 .background .made {
  font-family: "Arial";
  font-size: 13px;
  top: 75.4%;
  width: 60%;
  margin-left: -30%;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-19 .background .made {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .design.design-19 .background .made {
    font-size: 9px;
    width: 60%;
    letter-spacing: 0.05em;
  }
}
.color-1 .design-19 .background .name {
  color: #9bedd6;
}
.color-1 .design-19 .background .title {
  color: #ff6c40;
}
.color-1 .design-19 .background .made {
  color: #c2b8b8;
}
.color-1 .design-19 .background .date {
  color: #695151;
}
.color-2 .design-19 .background .name {
  color: #4dc1b9;
}
.color-2 .design-19 .background .title {
  color: #bbce00;
}
.color-2 .design-19 .background .made {
  color: #c2b8b8;
}
.color-2 .design-19 .background .date {
  color: #695151;
}
.color-3 .design-19 .background .title {
  color: #f398b1;
}
.color-3 .design-19 .background .made {
  color: #c2b8b8;
}
.color-3 .design-19 .background .date {
  color: #695151;
}
.color-3.color-3 .design.design-19 .name {
  color: #f398b1 !important;
}
.color-3.color-3 .design.design-19 .title {
  color: #ffdc00 !important;
}


/* Design ID: 20 */
.color-1 .design-20 .background {
  background-image: url(designs/imgs/design-20-1.png);
}
.design-20 .color-picker.color-1 {
  background-image: url(designs/btns/btn-20-1.png);
}
.color-2 .design-20 .background {
  background-image: url(designs/imgs/design-20-2.png);
}
.design-20 .color-picker.color-2 {
  background-image: url(designs/btns/btn-20-2.png);
}
.color-3 .design-20 .background {
  background-image: url(designs/imgs/design-20-3.png);
}
.design-20 .color-picker.color-3 {
  background-image: url(designs/btns/btn-20-3.png);
}
.design.design-20 .background > div {
  width: 61%;
  margin-left: -30.5%;
}
.design.design-20 .background .name {
  font-family: "Georgia";
  font-size: 32px;
  top: 40%;
  width: 65%;
  margin-left: -32.5%;
  letter-spacing: 0.03em;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-20 .background .name {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .design.design-20 .background .name {
    font-size: 21px;
  }
}
.design.design-20 .title {
  font-family: "Georgia";
  font-size: 30px;
  line-height: 35px;
  top: 50.2%;
  height: 72px;
  font-style: italic;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-20 .title {
    font-size: 23px;
    line-height: 27px;
    height: 61px;
    top: 49.2%;
    letter-spacing: 0.01em;
  }
}
@media (max-width: 767px) {
  .design.design-20 .title {
    font-size: 20px;
    line-height: 25px;
    height: 49px;
  }
}
.design.design-20 .description {
  display: none;
}
.design.design-20 .background .date {
  font-family: "Arial";
  font-weight: bold;
  font-size: 16px;
  top: 70.5%;
  width: 40%;
  margin-left: -20%;
  letter-spacing: 0.01em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-20 .background .date {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .design.design-20 .background .date {
    font-size: 12px;
    letter-spacing: -0.05em;
  }
}
.design.design-20 .background .made {
  font-family: "Arial";
  top: 74.5%;
  width: 95%;
  height: 50px;
  margin-left: -47%;
  letter-spacing: 0.05em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-20 .background .made {
    font-size: 12px;
    height: 54px;
    top: 70%;
    letter-spacing: 0.12em;
  }
}
@media (max-width: 767px) {
  .design.design-20 .background .made {
    font-size: 11px;
    height: 46px;
    top: 70%;
    letter-spacing: 0.12em;
  }
}
.design.design-20 .background .made .curved-container > span:last-child {
  margin-bottom: 2px;
  margin-left: -6px;
}
.color-1 .design-20 {
  color: #f39107;
}
.color-1 .design-20 .background .name {
  color: #e7f0d9;
}
.color-1 .design-20 .background .date {
  color: #e7f0d9;
}
.color-2 .design-20 {
  color: #bbce00;
}
.color-2 .design-20 .background .name {
  color: #e7f0d9;
}
.color-2 .design-20 .background .date {
  color: #e7f0d9;
}
.color-3 .design-20 {
  color: #f39107;
}
.color-3 .design-20 .background .name {
  color: #009f6d;
}
.color-3 .design-20 .background .date {
  color: #009f6d;
}


/* Design ID: 21 */
.color-1 .design-21 .background {
	background-image: url(designs/imgs/design-21-1.png);
}
.design-21 .color-picker.color-1 {
	background-image: url(designs/btns/btn-21-1.png);
}
.color-2 .design-21 .background {
	background-image: url(designs/imgs/design-21-2.png);
}
.design-21 .color-picker.color-2 {
	background-image: url(designs/btns/btn-21-2.png);
}
.color-3 .design-21 .background {
	background-image: url(designs/imgs/design-21-3.png);
}
.design-21 .color-picker.color-3 {
	background-image: url(designs/btns/btn-21-3.png);
}
.design.design-21 .background > div {
	width: 85% !important;
	margin-left: -42.3%;
}
.design.design-21 .background .name {
	display: none !important;
}
.design.design-21 .title {
	font-family: "Georgia";
	font-size: 23px !important;
	top: 27.2% !important;
	height: 34px !important;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0.02em !important;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-21 .title {
		font-size: 16px !important;
		height: 23px !important;
		top: 28.1% !important;
		letter-spacing: 0.09em !important;
	}
}
@media (max-width: 767px) {
	.design.design-21 .title {
		font-size: 15px !important;
		height: 21px !important;
		letter-spacing: 0.03em !important;
	}
}
.design.design-21 .description {
	font-family: "Georgia";
	font-size: 35px !important;
	line-height: 38px !important;
	top: 35.5% !important;
	height: 87px !important;
	font-style: italic;
	font-weight: bold;
	letter-spacing: -0.01em !important;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-21 .description {
		font-size: 26px !important;
		line-height: 30px !important;
		height: 72px !important;
		top: 34.7% !important;
		letter-spacing: 0.02em !important;
	}
}
@media (max-width: 767px) {
	.design.design-21 .description {
		font-size: 22px !important;
		line-height: 25px !important;
		height: 51px !important;
		top: 36.3% !important;
		letter-spacing: 0.02em !important;
	}
}
.design.design-21 .background .date {
	font-family: "Arial";
	font-weight: bold;
	font-size: 17px !important;
	top: 64.5% !important;
	width: 40% !important;
	margin-left: -20%;
	letter-spacing: 0.01em !important;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-21 .background .date {
		font-size: 13px !important;
	}
}
@media (max-width: 767px) {
	.design.design-21 .background .date {
		font-size: 12px !important;
		letter-spacing: -0.05em !important;
	}
}
.design.design-21 .background .made {
	line-height: 19px !important;
	top: 70% !important;
	width: 26% !important;
	margin-left: -13%;
	text-transform: uppercase;
	font-size: 12px !important;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-21 .background .made {
		font-size: 10px !important;
		line-height: 12px !important;
		width: 20% !important;
		margin-left: -10%;
		top: 73.5% !important;
	}
}
@media (max-width: 767px) {
	.design.design-21 .background .made {
		font-size: 8px !important;
		line-height: 11px !important;
		top: 75.5% !important;
		width: 22% !important;
		margin-left: -11%;
	}
}
.color-1 .design-21 {
	color: #9bedd6 !important;
}
.color-1 .design-21 .background .title {
	color: #c7d300 !important;
}
.color-2 .design-21 {
	color: #ffffff !important;
}
.color-2 .design-21 .background .description {
	color: #a5c958 !important;
}
.color-3 .design-21 {
	color: #ffffff !important;
}
.color-3 .design-21 .background .description {
	color: #ca1b1d !important;
}
.color-1 .design-21 .background .made {
	color: #c7d300 !important;
}
.color-2 .design-21 .background .made {
	color: #a5c958 !important;
}
.color-3 .design-21 .background .made {
	color: #ca1b1d !important;
}

/* Design ID: 22 */
.color-1 .design-22 .background {
	background-image: url(designs/imgs/design-22-1.png);
}
.design-22 .color-picker.color-1 {
	background-image: url(designs/btns/btn-22-1.png);
}
.color-2 .design-22 .background {
	background-image: url(designs/imgs/design-22-2.png);
}
.design-22 .color-picker.color-2 {
	background-image: url(designs/btns/btn-22-2.png);
}
.color-3 .design-22 .background {
	background-image: url(designs/imgs/design-22-3.png);
}
.design-22 .color-picker.color-3 {
	background-image: url(designs/btns/btn-22-3.png);
}
.design.design-22 .background .name {
	display: none !important;
}
.design.design-22 .title {
	font-family: "Arial";
	font-size: 25px !important;
	top: 55% !important;
	height: 172px !important;
	text-transform: uppercase;
	letter-spacing: -0.07em !important;
	width: 85% !important;
	margin-left: -42% !important;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-22 .title {
		font-size: 18px !important;
		top: 44.2% !important;
		letter-spacing: -0.03em !important;
	}
}
@media (max-width: 767px) {
	.design.design-22 .title {
		font-size: 17px !important;
		height: 114px !important;
		letter-spacing: -0.11em !important;
		top: 59% !important;
	}
}
.design.design-22 .description {
	font-family: "Arial";
	font-size: 28px !important;
	line-height: 35px !important;
	top: 8.5% !important;
	height: 198px !important;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: -0.03em !important;
	width: 82% !important;
	margin-left: -41% !important;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-22 .description {
		font-size: 22px !important;
		top: 7.5% !important;
		letter-spacing: -0.08em !important;
	}
}
@media (max-width: 767px) {
	.design.design-22 .description {
		font-size: 19px !important;
		top: 6.5% !important;
		letter-spacing: -0.11em !important;
	}
}
.design.design-22 .background .date {
	font-family: "Arial";
	font-weight: bold;
	font-size: 18px !important;
	top: 72.5% !important;
	width: 40% !important;
	margin-left: -19.5%;
	letter-spacing: 0.01em !important;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-22 .background .date {
		font-size: 13px !important;
	}
}
@media (max-width: 767px) {
	.design.design-22 .background .date {
		font-size: 12px !important;
		letter-spacing: -0.05em !important;
	}
}
.design.design-22 .background .made {
	line-height: 21px !important;
	top: 68% !important;
	width: 30% !important;
	margin-left: -15%;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-22 .background .made {
		font-size: 11px !important;
		line-height: 16px !important;
	}
}
@media (max-width: 767px) {
	.design.design-22 .background .made {
		font-size: 10px !important;
		line-height: 14px !important;
	}
}
.color-1 .design-22 {
	color: #ffffff !important;
}
.color-1 .design-22 .background .date {
	color: #ec1d25 !important;
}
.color-1 .design-22 .background .made {
	color: #9d3784 !important;
}
.color-2 .design-22 {
	color: #ffffff !important;
}
.color-2 .design-22 .background .date {
	color: #e3002c !important;
}
.color-2 .design-22 .background .made {
	color: #006e9c !important;
}
.color-3 .design-22 {
	color: #cac8c8 !important;
}
.color-3 .design-22 .background .date {
	color: #e5005e !important;
}
.color-3 .design-22 .background .made {
	color: #ffffff !important;
}

/* Design ID: 23 */
.color-1 .design-23 .background {
  background-image: url(designs/imgs/design-23-1.png);
}
.design-23 .color-picker.color-1 {
  background-image: url(designs/btns/btn-23-1.png);
}
.color-2 .design-23 .background {
  background-image: url(designs/imgs/design-23-2.png);
}
.design-23 .color-picker.color-2 {
  background-image: url(designs/btns/btn-23-2.png);
}
.color-3 .design-23 .background {
  background-image: url(designs/imgs/design-23-3.png);
}
.design-23 .color-picker.color-3 {
  background-image: url(designs/btns/btn-23-3.png);
}
.design.design-23 .title {
  font-size: 24px;
  top: 63%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-23 .title {
    font-size: 22px;
    line-height: 25px;
    height: 46px;
  }
}
@media (max-width: 767px) {
  .design.design-23 .title {
    font-size: 20px;
    line-height: 20px;
    height: 40px;
    letter-spacing: -0.05em;
  }
}
.design.design-23 .background .description {
  font-family: "Arial";
  font-size: 16px;
  font-weight: bold;
  top: 50%;
  width: 68%;
  height: 40px;
  margin-left: -34%;
  letter-spacing: 0em;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-23 .background .description {
    top: 48%;
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .design.design-23 .background .description {
    top: 48%;
    font-size: 10px;
  }
}
.design.design-23 .background .date {
  font-family: "Arial";
  font-size: 14px;
  font-weight: bold;
  top: 70%;
  width: 26%;
  height: 18px;
  margin-left: -13%;
  color: #7b0e2d;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-23 .background .date {
    font-size: 11px;
    height: 15px;
  }
}
@media (max-width: 767px) {
  .design.design-23 .background .date {
    font-size: 9px;
    height: 11px;
  }
}
.design.design-23 .background .made {
  font-family: "Arial";
  top: 66%;
  width: 90%;
  height: 70px;
  margin-left: -45%;
  letter-spacing: 0.06em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-23 .background .made {
    font-size: 12px;
    height: 54px;
    letter-spacing: 0.12em;
  }
}
@media (max-width: 767px) {
  .design.design-23 .background .made {
    font-size: 10px;
    height: 46px;
    letter-spacing: 0.16em;
  }
}
.design.design-23 .background .made .curved-container > span:last-child {
  margin-bottom: 2px;
  margin-left: -6px;
}
.color-1 .design-23 {
  color: #ffffff;
}
.color-1 .design-23 .background .title {
  color: #ffffff;
}
.color-1 .design-23 .background .description {
  color: #ffffff;
}
.color-1 .design-23 .background .made {
  color: #ffffff;
}
.color-1 .design-23 .background .date {
  color: #dbad68;
}
.color-2 .design-23 {
  color: #ffffff;
}
.color-2 .design-23 .background .title {
  color: #ffffff;
}
.color-2 .design-23 .background .description {
  color: #ffffff;
}
.color-2 .design-23 .background .made {
  color: #ffffff;
}
.color-2 .design-23 .background .date {
  color: #dbad68;
}
.color-3 .design-23 {
  color: #ffffff;
}
.color-3 .design-23 .background .title {
  color: #ffffff;
}
.color-3 .design-23 .background .description {
  color: #ffffff;
}
.color-3 .design-23 .background .made {
  color: #ffffff;
}
.color-3 .design-23 .background .date {
  color: #dbad68;
}


/* Design ID: 24 */
.color-1 .design-24 .background {
  background-image: url(designs/imgs/design-24-1.png);
}
.design-24 .color-picker.color-1 {
  background-image: url(designs/btns/btn-24-1.png);
}
.color-2 .design-24 .background {
  background-image: url(designs/imgs/design-24-2.png);
}
.design-24 .color-picker.color-2 {
  background-image: url(designs/btns/btn-24-2.png);
}
.color-3 .design-24 .background {
  background-image: url(designs/imgs/design-24-3.png);
}
.design-24 .color-picker.color-3 {
  background-image: url(designs/btns/btn-24-3.png);
}
.color-4 .design-24 .background {
  background-image: url(designs/imgs/design-24-4.png);
}
.design-24 .color-picker.color-4 {
  background-image: url(designs/btns/btn-24-4.png);
}
.color-1 .design-24 .background .description {
  color: #843a5a;
}
.color-1 .design-24 .background .title {
  color: #843a5a;
}
.color-1 .design-24 .background .name {
  color: #cf4a72;
}
.color-1 .design-24 .background .date {
  color: #cf4a72;
}
.color-2 .design-24 .background .description {
  color: #e7364f;
}
.color-2 .design-24 .background .title {
  color: #e7364f;
}
.color-2 .design-24 .background .name {
  color: #9f205e;
}
.color-2 .design-24 .background .date {
  color: #9f205e;
}
.color-3 .design-24 .background .description {
  color: #9e5da1;
}
.color-3 .design-24 .background .title {
  color: #9e5da1;
}
.color-3 .design-24 .background .name {
  color: #cf4a72;
}
.color-3 .design-24 .background .date {
  color: #cf4a72;
}
.color-4 .design-24 .background .description {
  color: #86bc24;
}
.color-4 .design-24 .background .title {
  color: #86bc24;
}
.design.design-24 .background > div {
  width: 59%;
  margin-left: -29.5%;
}
.design.design-24 .background .name {
  font-family: "Georgia";
  font-size: 28px;
  font-style: italic;
  top: 31%;
  height: 80px;
  margin-left: -30.5%;
  letter-spacing: 0em;
  text-transform: uppercase;
  line-height: 34px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-24 .background .name {
    font-size: 22px;
    height: 64px;
    line-height: 25px;
  }
}
@media (max-width: 767px) {
  .design.design-24 .background .name {
    font-size: 19px;
    height: 56px;
    line-height: 22px;
  }
}
.design.design-24 .title {
  font-family: "Georgia";
  font-style: italic;
  font-size: 28px;
  line-height: 34px;
  top: 35.2%;
  height: 72px;
  letter-spacing: 0.04em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-24 .title {
    font-size: 22px;
    line-height: 26px;
    height: 54px;
    letter-spacing: 0.03em;
  }
}
@media (max-width: 767px) {
  .design.design-24 .title {
    font-size: 19px;
    line-height: 23px;
    height: 46px;
    top: 34%;
    letter-spacing: 0.03em;
  }
}
.design.design-24 .description {
  font-family: "Arial";
  font-weight: bold;
  top: 10.4%;
  height: 95px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-24 .description {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .design.design-24 .description {
    font-size: 9px;
  }
}
.design.design-24 .background .date {
  font-family: "Arial";
  font-weight: bold;
  font-size: 14px;
  top: 74.1%;
  height: 40px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-24 .background .date {
    font-size: 11px;
  }
}
@media (max-width: 767px) {
  .design.design-24 .background .date {
    font-size: 9px;
  }
}
.color-1 .design-24 .background .made {
  color: #cf4a72;
}
.color-2 .design-24 .background .made {
  color: #e7364f;
}
.color-3 .design-24 .background .made {
  color: #9e5da1;
}
.color-4 .design-24 .background .made {
  color: #86bc24;
}
.design.design-24 .made {
  font-family: "Arial";
  top: 68.6%;
  height: 95px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-24 .made {
    font-size: 11px;
    top: 62%;
  }
}
@media (max-width: 767px) {
  .design.design-24 .made {
    font-size: 10px;
    top: 57%;
  }
}


/* Design ID: 25 */
.color-1 .design-25 .background {
  background-image: url(designs/imgs/design-25-1.png);
}
.design-25 .color-picker.color-1 {
  background-image: url(designs/btns/btn-25-1.png);
}
.color-2 .design-25 .background {
  background-image: url(designs/imgs/design-25-2.png);
}
.design-25 .color-picker.color-2 {
  background-image: url(designs/btns/btn-25-2.png);
}
.color-3 .design-25 .background {
  background-image: url(designs/imgs/design-25-3.png);
}
.design-25 .color-picker.color-3 {
  background-image: url(designs/btns/btn-25-3.png);
}
.color-4 .design-25 .background {
  background-image: url(designs/imgs/design-25-4.png);
}
.design-25 .color-picker.color-4 {
  background-image: url(designs/btns/btn-25-4.png);
}
.color-1 .design-25 {
  color: #fff;
}
.color-1 .design-25 .background .name {
  color: #b4d9b9;
}
.color-1 .design-25 .background .title {
  color: #b4d9b9;
}
.color-2 .design-25 {
  color: #fff;
}
.color-2 .design-25 .background .name {
  color: #f5b3c6;
}
.color-2 .design-25 .background .title {
  color: #f5b3c6;
}
.color-3 .design-25 {
  color: #000;
}
.color-3 .design-25 .background .name {
  color: #65b974;
}
.color-3 .design-25 .background .title {
  color: #65b974;
}
.color-4 .design-25 {
  color: #000;
}
.color-4 .design-25 .background .name {
  color: #eb5a8c;
}
.color-4 .design-25 .background .title {
  color: #eb5a8c;
}
.design.design-25 .background > div {
  width: 50%;
  margin-left: -25%;
}
.design.design-25 .background .name {
  font-family: arial;
  font-size: 40px;
  top: 49%;
  height: 80px;
  letter-spacing: 0.03em;
  line-height: 34px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .design.design-25 .background .name {
    font-size: 32px;
    height: 64px;
    line-height: 25px;
  }
}
@media (max-width: 767px) {
  .design.design-25 .background .name {
    font-size: 25px;
    height: 56px;
    line-height: 22px;
  }
}
.design.design-25 .background .title {
  font-family: arial;
  font-size: 25px;
  line-height: 34px;
  top: 45.2%;
  height: 80px;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .design.design-25 .background .title {
    font-size: 22px;
    line-height: 26px;
    height: 54px;
  }
}
@media (max-width: 767px) {
  .design.design-25 .background .title {
    font-size: 16px;
    line-height: 23px;
    height: 46px;
  }
}
.design.design-25 .background .description {
  display: none;
}
.design.design-25 .background .date {
  font-family: arial;
  font-weight: 700;
  font-size: 16px;
  top: 82.1%;
  height: 40px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .design.design-25 .background .date {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .design.design-25 .background .date {
    font-size: 11px;
  }
}
.color-1 .design-25 .background .made {
  color: #fff;
}
.color-2 .design-25 .background .made {
  color: #fff;
}
.color-3 .design-25 .background .made {
  color: #000;
}
.color-4 .design-25 .background .made {
  color: #000;
}
.design.design-25 .made {
  font-family: "Arial";
  top: 37.5%;
  height: 36px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: bold;
  width: 25% !important;
  margin-left: -12% !important;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-25 .made {
    font-size: 11px;
    top: 40%;
  }
}
@media (max-width: 767px) {
  .design.design-25 .made {
    font-size: 10px;
    top: 40%;
  }
}


/* Design ID: 26 */
.color-1 .design-26 .background {
    background-image: url(designs/imgs/design-26-1.png);
}
.design-26 .color-picker.color-1 {
    background-image: url(designs/btns/btn-26-1.png);
}
.color-2 .design-26 .background {
    background-image: url(designs/imgs/design-26-2.png);
}
.design-26 .color-picker.color-2 {
    background-image: url(designs/btns/btn-26-2.png);
}
.color-3 .design-26 .background {
    background-image: url(designs/imgs/design-26-3.png);
}
.design-26 .color-picker.color-3 {
    background-image: url(designs/btns/btn-26-3.png);
}
.color-4 .design-26 .background {
    background-image: url(designs/imgs/design-26-4.png);
}
.design-26 .color-picker.color-4 {
    background-image: url(designs/btns/btn-26-4.png);
}
.color-1 .design-26 .background .title {
    color: #ffda00;
}
.color-1 .design-26 .background .date {
    color: #ffda00;
}
.color-2 .design-26 .background .title {
    color: #d1d700;
}
.color-2 .design-26 .background .date {
    color: #d1d700;
}
.color-3 .design-26 .background .title {
    color: #f6d100;
}
.color-3 .design-26 .background .date {
    color: #f6d100;
}
.color-4 .design-26 .background {
    color: #fff;
}
.design.design-26 .background > div {
    width: 59%;
    margin-left: -29.5%;
}
.design.design-26 .background {
    color: #fff;
}
.design.design-26 .background .name {
    font-family: arial;
    font-size: 38px;
    top: 29.5%;
    height: 80px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    line-height: 34px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .design.design-26 .background .name {
    font-size: 30px;
    height: 64px;
}
}
@media (max-width: 767px) {
    .design.design-26 .background .name {
    font-size: 26px;
    height: 56px;
    line-height: 22px;
}
}
.design.design-26 .background .title {
    font-family: georgia;
    font-style: italic;
    font-weight: 700;
    font-size: 32px;
    line-height: 37px;
    top: 40%;
    height: 72px;
    letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .design.design-26 .background .title {
    font-size: 25px;
    line-height: 29px;
    height: 54px;
    letter-spacing: 0.03em;
}
}
@media (max-width: 767px) {
    .design.design-26 .background .title {
    font-size: 21px;
    line-height: 23px;
    height: 46px;
    top: 39%;
    letter-spacing: 0.03em;
}
}
.design.design-26 .background .date {
    font-family: arial;
    font-weight: 700;
    font-size: 18px;
    top: 14.5%;
    height: 40px;
    letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .design.design-26 .background .date {
    font-size: 14px;
}
}
@media (max-width: 767px) {
    .design.design-26 .background .date {
    font-size: 12px;
}
}
.design.design-26 .background .description {
    display: none;
}
.color-1 .design-20 .background .made {
    color: #fff;
}
.color-2 .design-20 .background .made {
    color: #fff;
}
.color-3 .design-20 .background .made {
    color: #fff;
}
.color-4 .design-20 .background .made {
    color: #fff;
}
.design.design-26 .background .made {
	font-family: "Arial";
	font-weight: bold;
	top: 81.5%;
	width: 90%;
	height: 70px;
	margin-left: -45%;
	letter-spacing: 0.05em !important;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px !important;}
@media (min-width: 768px) and (max-width: 991px) {
    .design.design-26 .background .made {
    font-size: 12px;
    height: 54px;
    letter-spacing: -0.12em;
}
}
@media (max-width: 767px) {
    .design.design-26 .background .made {
    font-size: 11px;
    height: 46px;
    letter-spacing: -0.16em;
}
}
.design.design-26 .background .made .curved-container > span:last-child {
    margin-bottom: 2px;
    margin-left: -6px;
}

/* Design ID: 27 */
.color-1 .design-27 .background {
  background-image: url(designs/imgs/design-27-1.png);
}
.design-27 .color-picker.color-1 {
  background-image: url(designs/btns/btn-27-1.png);
}
.color-2 .design-27 .background {
  background-image: url(designs/imgs/design-27-2.png);
}
.design-27 .color-picker.color-2 {
  background-image: url(designs/btns/btn-27-2.png);
}
.color-3 .design-27 .background {
  background-image: url(designs/imgs/design-27-3.png);
}
.design-27 .color-picker.color-3 {
  background-image: url(designs/btns/btn-27-3.png);
}
.color-4 .design-27 .background {
  background-image: url(designs/imgs/design-27-4.png);
}
.design-27 .color-picker.color-4 {
  background-image: url(designs/btns/btn-27-4.png);
}
.color-1 .design-27 .background .title {
  color: #1d1d1b;
}
.color-1 .design-27 .background .name {
  color: #1d1d1b;
}
.color-2 .design-27 .background .title {
  color: #dd3074;
}
.color-2 .design-27 .background .name {
  color: #dd3074;
}
.color-3 .design-27 .background .title {
  color: #a2c100;
}
.color-3 .design-27 .background .name {
  color: #a2c100;
}
.color-4 .design-27 .background .title {
  color: #32b5a9;
}
.color-4 .design-27 .background .name {
  color: #32b5a9;
}
.design.design-27 .background > div {
  width: 59%;
  margin-left: -29.5%;
}
.design.design-27 .background {
  color: #004d80;
}
.design.design-27 .background .name {
  font-family: arial;
  font-size: 26px;
  font-weight: 700;
  top: 51%;
  height: 80px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 34px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .design.design-27 .background .name {
    font-size: 20px;
    height: 64px;
  }
}
@media (max-width: 767px) {
  .design.design-27 .background .name {
    font-size: 19px;
    height: 56px;
    line-height: 20px;
  }
}
.design.design-27 .background .title {
  font-family: arial;
  font-size: 26px;
  line-height: 31px;
  top: 45%;
  height: 72px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .design.design-27 .background .title {
    font-size: 20px;
    line-height: 24px;
    height: 54px;
    top: 44%;
  }
}
@media (max-width: 767px) {
  .design.design-27 .background .title {
    font-size: 17px;
    line-height: 21px;
    height: 46px;
    top: 44%;
  }
}
.design.design-27 .background .date {
  font-family: georgia;
  font-weight: 700;
  font-style: italic;
  font-size: 17px;
  top: 83%;
  height: 40px;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .design.design-27 .background .date {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .design.design-27 .background .date {
    font-size: 12px;
  }
}
.design.design-27 .background .description {
  display: none;
}
.color-1 .design-27 .background .made {
  color: #24b4a8;
}
.color-2 .design-27 .background .made {
  color: #24b4a8;
}
.color-3 .design-27 .background .made {
  color: #004d80;
}
.color-4 .design-27 .background .made {
  color: #004d80;
}
.design.design-27 .background .made {
  font-family: "Arial";
  font-weight: bold;
  font-size: 14px;
  top: 84.2%;
  width: 90%;
  height: 70px;
  margin-left: -45%;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-27 .background .made {
    font-size: 11px;
    height: 54px;
  }
}
@media (max-width: 767px) {
  .design.design-27 .background .made {
    font-size: 10px;
    height: 46px;
  }
}
.design.design-27 .background .made .curved-container > span:last-child {
  margin-bottom: 2px;
  margin-left: -6px;
}


/* Design ID: 28 */
.color-1 .design-28 .background {
  background-image: url(designs/imgs/design-28-1.png);
}
.design-28 .color-picker.color-1 {
  background-image: url(designs/btns/btn-28-1.png);
}
.color-2 .design-28 .background {
  background-image: url(designs/imgs/design-28-2.png);
}
.design-28 .color-picker.color-2 {
  background-image: url(designs/btns/btn-28-2.png);
}
.color-3 .design-28 .background {
  background-image: url(designs/imgs/design-28-3.png);
}
.design-28 .color-picker.color-3 {
  background-image: url(designs/btns/btn-28-3.png);
}
.design.design-28 .uploadedImage {
  width: 200px;
  height: 200px;
  background-image: url(/resources/images/upload-dummy.png);
  position: absolute;
  background-size: 200px;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -100px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-28 .uploadedImage {
    background-size: 154px;
    width: 154px;
    height: 154px;
    margin-top: -77px;
    margin-left: -77px;
  }
}
@media (max-width: 767px) {
  .design.design-28 .uploadedImage {
    background-size: 132px;
    width: 132px;
    height: 132px;
    margin-top: -66px;
    margin-left: -66px;
  }
}
.design.design-28 .background > div {
  width: 70%;
  margin-left: -35%;
}
.design.design-28 .background .name {
  font-family: "Georgia";
  font-size: 34px;
  top: 6%;
  width: 90%;
  height: 200px;
  margin-left: -45%;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-28 .background .name {
    font-size: 28px;
    height: 171px;
    width: 89%;
    margin-left: -44%;
  }
}
@media (max-width: 767px) {
  .design.design-28 .background .name {
    font-size: 23px;
    height: 145px;
  }
}
.design.design-28 .title {
  font-family: "Georgia";
  font-size: 28px;
  line-height: 31px;
  top: 16.5%;
  height: 160px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-28 .title {
    font-size: 20px;
    top: 15.2%;
    letter-spacing: 0.04em;
  }
}
@media (max-width: 767px) {
  .design.design-28 .title {
    font-size: 17px;
    top: 14.6%;
    height: 113px;
  }
}
.design.design-28 .description {
  font-family: "Georgia";
  top: 43.8%;
  height: 179px;
  font-size: 18px;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-28 .description {
    font-size: 14px;
    height: 131px;
    top: 46%;
  }
}
@media (max-width: 767px) {
  .design.design-28 .description {
    font-size: 12px;
    top: 49%;
    height: 103px;
    letter-spacing: 0.04em;
  }
}
.design.design-28 .background .date {
  font-family: "Arial";
  font-size: 12px;
  top: 54.5%;
  width: 68%;
  height: 156px;
  margin-left: -33.5%;
  text-transform: uppercase;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-28 .background .date {
    font-size: 9px;
    top: 44%;
  }
}
@media (max-width: 767px) {
  .design.design-28 .background .date {
    font-size: 8px;
    top: 36%;
  }
}
.design.design-28 .background .made {
  display: none;
}
.design.design-28 .background .year {
  font-family: "Georgia";
  font-weight: bold;
  font-size: 24px;
  top: 62.5%;
  width: 20%;
  margin-left: -9.5%;
  text-transform: uppercase;
  z-index: 3;
  border-radius: 50%;
  line-height: 60px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-28 .background .year {
    font-size: 18px;
    top: 61%;
  }
}
@media (max-width: 767px) {
  .design.design-28 .background .year {
    font-size: 16px;
    top: 59%;
  }
}
.design.design-28 .background .made {
  font-family: "Georgia";
  font-size: 11px;
  top: 90%;
  width: 69%;
  height: 67px;
  margin-left: -34%;
  letter-spacing: 0.05em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-28 .background .made {
    font-size: 8px;
    height: 52px;
    letter-spacing: 0;
  }
}
@media (max-width: 767px) {
  .design.design-28 .background .made {
    font-size: 7px;
    height: 45px;
  }
}
.color-1 .design-28 {
  color: #141411;
}
.color-1 .design-28 .background .name {
  color: #c8ba75;
}
.color-1 .design-28 .background .made {
  color: #c8ba75;
}
.color-2 .design-28 {
  color: #677741;
}
.color-2 .design-28 .background .name {
  color: #b8b8b3;
}
.color-2 .design-28 .background .made {
  color: #b8b8b3;
}
.color-3 .design-28 {
  color: #53402d;
}
.color-3 .design-28 .background .name {
  color: #caaf8a;
}
.color-3 .design-28 .background .made {
  color: #caaf8a;
}


/* Design ID: 29 */
.color-1 .design-29 .background {
  background-image: url(designs/imgs/design-29-1.png);
}
.design-29 .color-picker.color-1 {
  background-image: url(designs/btns/btn-29-1.png);
}
.color-2 .design-29 .background {
  background-image: url(designs/imgs/design-29-2.png);
}
.design-29 .color-picker.color-2 {
  background-image: url(designs/btns/btn-29-2.png);
}
.color-3 .design-29 .background {
  background-image: url(designs/imgs/design-29-3.png);
}
.design-29 .color-picker.color-3 {
  background-image: url(designs/btns/btn-29-3.png);
}
.design.design-29 .background > div {
  width: 74%;
  margin-left: -37%;
}
.design.design-29 .background .name {
  font-family: "Arial";
  font-size: 32px;
  top: 41.4%;
  width: 52%;
  height: 40px;
  margin-left: -26%;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-29 .background .name {
    font-size: 25px;
    height: 32px;
  }
}
@media (max-width: 767px) {
  .design.design-29 .background .name {
    font-size: 21px;
    height: 25px;
  }
}
.design.design-29 .title {
  font-family: "Georgia";
  font-size: 28px;
  font-weight: bold;
  line-height: 29px;
  top: 54.2%;
  height: 60px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-29 .title {
    font-size: 22px;
    line-height: 25px;
    height: 46px;
  }
}
@media (max-width: 767px) {
  .design.design-29 .title {
    font-size: 21px;
    line-height: 20px;
    height: 40px;
    letter-spacing: -0.05em;
  }
}
.design.design-29 .background .description {
  font-family: "Arial";
  font-size: 15px;
  top: 15.3%;
  width: 68%;
  height: 162px;
  margin-left: -34%;
  letter-spacing: -0.08em;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-29 .background .description {
    font-size: 12px;
    height: 122px;
    letter-spacing: -0.09em;
  }
}
@media (max-width: 767px) {
  .design.design-29 .background .description {
    font-size: 10px;
    height: 100px;
  }
}
.design.design-29 .background .date {
  font-family: "Arial";
  font-size: 16px;
  top: 72.2%;
  width: 26%;
  height: 18px;
  margin-left: -13%;
  text-transform: uppercase;
  letter-spacing: -0.03em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-29 .background .date {
    font-size: 12px;
    height: 15px;
  }
}
@media (max-width: 767px) {
  .design.design-29 .background .date {
    font-size: 10px;
    height: 11px;
  }
}
.design.design-29 .background .made {
  display: none;
}
.color-1 .design-29 {
  color: #131413;
}
.color-1 .design-29 .background .title {
  color: #ffffff;
}
.color-2 .design-29 {
  color: #667741;
}
.color-2 .design-29 .background .title {
  color: #ffffff;
}
.color-3 .design-29 {
  color: #53402d;
}
.color-3 .design-29 .background .title {
  color: #ffffff;
}


/* Design ID: 30 */
.color-1 .design-30 .background {
  background-image: url(designs/imgs/design-30-1.png);
}
.design-30 .color-picker.color-1 {
  background-image: url(designs/btns/btn-30-1.png);
}
.color-2 .design-30 .background {
  background-image: url(designs/imgs/design-30-2.png);
}
.design-30 .color-picker.color-2 {
  background-image: url(designs/btns/btn-30-2.png);
}
.color-3 .design-30 .background {
  background-image: url(designs/imgs/design-30-3.png);
}
.design-30 .color-picker.color-3 {
  background-image: url(designs/btns/btn-30-3.png);
}
.design.design-30 .background > div {
  width: 74%;
  margin-left: -37%;
}
.design.design-30 .background .name {
  font-family: "Arial";
  font-size: 34px;
  line-height: 44px;
  top: 39.5%;
  height: 40px;
  letter-spacing: -0.03em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-30 .background .name {
    font-size: 27px;
    line-height: 34px;
    top: 28.2%;
    height: 70px;
    letter-spacing: 0;
  }
}
@media (max-width: 767px) {
  .design.design-30 .background .name {
    font-size: 23px;
    line-height: 33px;
    top: 28.2%;
    height: 62px;
  }
}
.design.design-30 .title {
  font-family: "Georgia";
  font-size: 36px;
  line-height: 42px;
  top: 52.7%;
  height: 77px;
  letter-spacing: 0.07em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-30 .title {
    font-size: 28px;
    line-height: 32px;
    height: 64px;
  }
}
@media (max-width: 767px) {
  .design.design-30 .title {
    font-size: 24px;
    line-height: 28px;
    height: 50px;
  }
}
.design.design-30 .description {
  display: none;
}
.design.design-30 .background .date {
  font-family: "Arial";
  font-size: 14px;
  font-weight: bold;
  top: 19.8%;
  width: 54%;
  height: 28px;
  margin-left: -27%;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-30 .background .date {
    font-size: 11px;
    height: 22px;
  }
}
@media (max-width: 767px) {
  .design.design-30 .background .date {
    font-size: 10px;
    top: 19.4%;
    height: 16px;
  }
}
.design.design-30 .background .made {
  top: 78%;
  font-family: "Georgia";
  font-size: 11px;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-30 .background .made {
    top: 77%;
    font-size: 9px;
  }
}
@media (max-width: 767px) {
  .design.design-30 .background .made {
    top: 78%;
    font-size: 8px;
  }
}
.color-1 .design-30 {
  color: #131413;
}
.color-1 .design-30 .background .title {
  color: #ffffff;
}
.color-2 .design-30 {
  color: #67773f;
}
.color-2 .design-30 .background .title {
  color: #ffffff;
}
.color-3 .design-30 {
  color: #53402d;
}
.color-3 .design-30 .background .title {
  color: #ffffff;
}


/* Design ID: 31 */
.color-1 .design-31 .background {
  background-image: url(designs/imgs/design-31-1.png);
}
.design-31 .color-picker.color-1 {
  background-image: url(designs/btns/btn-31-1.png);
}
.color-2 .design-31 .background {
  background-image: url(designs/imgs/design-31-2.png);
}
.design-31 .color-picker.color-2 {
  background-image: url(designs/btns/btn-31-2.png);
}
.color-3 .design-31 .background {
  background-image: url(designs/imgs/design-31-3.png);
}
.design-31 .color-picker.color-3 {
  background-image: url(designs/btns/btn-31-3.png);
}
.design.design-31 .background > div {
  width: 70%;
  margin-left: -35%;
}
.design.design-31 .name {
  font-family: "Georgia";
  font-size: 33px;
  top: 17%;
  height: 90px;
  letter-spacing: -0.05em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-31 .name {
    font-size: 25px;
    height: 79px;
  }
}
@media (max-width: 767px) {
  .design.design-31 .name {
    font-size: 22px;
    height: 68px;
  }
}
.design.design-31 .title {
  font-family: "Georgia";
  font-size: 35px;
  text-transform: uppercase;
  line-height: 38px;
  top: 41.4%;
  height: 78px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-31 .title {
    font-size: 27px;
    line-height: 29px;
    height: 41px;
  }
}
@media (max-width: 767px) {
  .design.design-31 .title {
    font-size: 23px;
    line-height: 25px;
    height: 35px;
  }
}
.design.design-31 .description {
  font-family: "Georgia";
  font-size: 11px;
  line-height: 17px;
  top: 69%;
  height: 41px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-31 .description {
    font-size: 10px;
    top: 68%;
    height: 36px;
    letter-spacing: -0.03em;
  }
}
@media (max-width: 767px) {
  .design.design-31 .description {
    font-size: 8px;
    line-height: 8px;
    height: 30px;
    letter-spacing: 0;
  }
}
.design.design-31 .date {
  font-family: "Georgia";
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  top: 61.6%;
  letter-spacing: 0.05em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-31 .date {
    font-size: 10px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .design.design-31 .date {
    font-size: 9px;
    height: 18px;
  }
}
.design.design-31 .background .description {
  width: 54%;
  margin-left: -27%;
}
.design.design-31 .background .date {
  width: 54%;
  margin-left: -27%;
}
.design.design-31 .background .made {
  top: 78%;
  font-family: "Georgia";
  font-size: 11px;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-31 .background .made {
    top: 77%;
    font-size: 9px;
  }
}
@media (max-width: 767px) {
  .design.design-31 .background .made {
    top: 78%;
    font-size: 8px;
  }
}
.color-1 .design-31 {
  color: #131413;
}
.color-1 .design-31 .background .name {
  color: #c8ba75;
}
.color-1 .design-31 .background .made {
  color: #c8ba75;
}
.color-2 .design-31 {
  color: #667741;
}
.color-2 .design-31 .background .name {
  color: #b7b7b3;
}
.color-2 .design-31 .background .made {
  color: #b7b7b3;
}
.color-3 .design-31 {
  color: #54402e;
}
.color-3 .design-31 .background .name {
  color: #caaf8a;
}
.color-3 .design-31 .background .made {
  color: #caaf8a;
}


/* Design ID: 32 */
.color-1 .design-32 .background {
	background-image: url(designs/imgs/design-32-1.png);
}
.design-32 .color-picker.color-1 {
	background-image: url(designs/btns/btn-32-1.png);
}
.color-2 .design-32 .background {
	background-image: url(designs/imgs/design-32-2.png);
}
.design-32 .color-picker.color-2 {
	background-image: url(designs/btns/btn-32-2.png);
}
.color-3 .design-32 .background {
	background-image: url(designs/imgs/design-32-3.png);
}
.design-32 .color-picker.color-3 {
	background-image: url(designs/btns/btn-32-3.png);
}
.design.design-32 .uploadedImage {
	width: 200px !important;
	height: 200px !important;
	background-image: url(/resources/images/upload-dummy.png);
	position: absolute !important;
	background-size: 200px;
	top: 50% !important;
	left: 50% !important;
	margin-top: -100px !important;
	margin-left: -100px !important;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-32 .uploadedImage {
		background-size: 154px;
		width: 154px !important;
		height: 154px !important;
		margin-top: -77px !important;
		margin-left: -77px !important;
	}
}
@media (max-width: 767px) {
	.design.design-32 .uploadedImage {
		background-size: 132px;
		width: 132px !important;
		height: 132px !important;
		margin-top: -66px !important;
		margin-left: -66px !important;
	}
}
.design.design-32 .background > div {
	width: 70% !important;
	margin-left: -35% !important;
}
.design.design-32 .background .name {
	font-family: "Georgia";
	font-size: 38px !important;
	top: 4.8% !important;
	width: 90% !important;
	height: 200px !important;
	margin-left: -45% !important;
	letter-spacing: 0.02em !important;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-32 .background .name {
		font-size: 29px !important;
		height: 120px !important;
		width: 89% !important;
		margin-left: -44% !important;
	}
}
@media (max-width: 767px) {
	.design.design-32 .background .name {
		font-size: 24px !important;
		height: 95px !important;
	}
}
.design.design-32 .title {
	font-size: 28px !important;
	line-height: 31px !important;
	top: 17.5% !important;
	height: 160px !important;
	text-transform: uppercase;
	letter-spacing: -0.08em !important;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-32 .title {
		font-size: 20px !important;
		top: 16% !important;
		letter-spacing: -0.05em !important;
	}
}
@media (max-width: 767px) {
	.design.design-32 .title {
		font-size: 18px !important;
		top: 15.4% !important;
		height: 85px !important;
		letter-spacing: -0.11em !important;
	}
}
.design.design-32 .description {
	font-family: "Georgia";
	top: 46.4% !important;
	height: 155px !important;
	font-size: 18px !important;
	letter-spacing: 0.02em !important;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-32 .description {
		font-size: 14px !important;
		height: 91px !important;
		top: 55% !important;
	}
}
@media (max-width: 767px) {
	.design.design-32 .description {
		font-size: 12px !important;
		top: 47% !important;
		height: 103px !important;
		letter-spacing: 0.01em !important;
	}
}
.design.design-32 .background .date {
	font-family: "Arial";
	font-size: 12px !important;
	top: 86% !important;
	width: 50% !important;
	height: 21px !important;
	margin-left: -25% !important;
	text-transform: uppercase;
	font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-32 .background .date {
		font-size: 10px !important;
		top: 82.7% !important;
	}
}
@media (max-width: 767px) {
	.design.design-32 .background .date {
		font-size: 8px !important;
		top: 82.4% !important;
	}
}
.design.design-32 .background .made {
	display: none !important;
}
.design.design-32 .background .year {
	font-family: "Georgia";
	font-weight: bold;
	font-size: 32px !important;
	top: 65.4% !important;
	width: 20% !important;
	margin-left: -9.5% !important;
	text-transform: uppercase;
	z-index: 3 !important;
	border-radius: 50%;
	line-height: 60px !important;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-32 .background .year {
		font-size: 24px !important;
		top: 63.4% !important;
	}
}
@media (max-width: 767px) {
	.design.design-32 .background .year {
		font-size: 22px !important;
		top: 62.4% !important;
	}
}
.design.design-32 .background .made {
	font-size: 15px !important;
	line-height: 15px !important;
	top: 87.5% !important;
	text-transform: uppercase;
	font-weight: bolder;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-32 .background .made {
		top: 87% !important;
		font-size: 11px !important;
	}
}
@media (max-width: 767px) {
	.design.design-32 .background .made {
		top: 86.5% !important;
		font-size: 8px !important;
	}
}
.color-1 .design-32 {
	color: #0088c2 !important;
}
.color-1 .design-32 .background .name {
	color: #e5004b !important;
}
.color-1 .design-32 .background .made {
	color: #e5004b !important;
}
.color-2 .design-32 {
	color: #008237 !important;
}
.color-2 .design-32 .background .name {
	color: #f59c00 !important;
}
.color-2 .design-32 .background .made {
	color: #f59c00 !important;
}
.color-3 .design-32 {
	color: #502583 !important;
}
.color-3 .design-32 .background .name {
	color: #e8308a !important;
}
.color-3 .design-32 .background .made {
	color: #e8308a !important;
}

/* Design ID: 33 */
.color-1 .design-33 .background {
  background-image: url(designs/imgs/design-33-1.png);
}
.design-33 .color-picker.color-1 {
  background-image: url(designs/btns/btn-33-1.png);
}
.color-2 .design-33 .background {
  background-image: url(designs/imgs/design-33-2.png);
}
.design-33 .color-picker.color-2 {
  background-image: url(designs/btns/btn-33-2.png);
}
.color-3 .design-33 .background {
  background-image: url(designs/imgs/design-33-3.png);
}
.design-33 .color-picker.color-3 {
  background-image: url(designs/btns/btn-33-3.png);
}
.design.design-33 .background .name {
  font-size: 28px;
  top: 37.6%;
  width: 40%;
  height: 40px;
  margin-left: -20%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-33 .background .name {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .design.design-33 .background .name {
    font-size: 19px;
  }
}
.design.design-33 .background .title {
  width: 70%;
  margin-left: -35%;
  font-family: Georgia;
  text-transform: none;
  font-size: 36px;
  font-style: italic;
  top: 46%;
  height: 50px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-33 .background .title {
    font-size: 28px;
    height: 40px;
  }
}
@media (max-width: 767px) {
  .design.design-33 .background .title {
    font-size: 24px;
    height: 35px;
  }
}
.design.design-33 .description {
  width: 44%;
  margin-left: -22%;
  font-size: 11px;
  letter-spacing: 0.04em;
  top: 24.4%;
  text-transform: uppercase;
  height: 15px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-33 .description {
    font-size: 9px;
    letter-spacing: 0;
  }
}
@media (max-width: 767px) {
  .design.design-33 .description {
    font-size: 7px;
    letter-spacing: 0.04em;
  }
}
.design.design-33 .background .date {
  font-family: "Arial";
  font-size: 12px;
  top: 63.6%;
  width: 32%;
  height: 16px;
  margin-left: -16%;
  text-transform: uppercase;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-33 .background .date {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .design.design-33 .background .date {
    font-size: 8px;
  }
}
.design.design-33 .background .made {
  display: none;
}
.design.design-33 .background .year {
  font-family: "Georgia";
  font-weight: bold;
  font-size: 32px;
  top: 65.4%;
  width: 20%;
  margin-left: -9.5%;
  text-transform: uppercase;
  z-index: 3;
  border-radius: 50%;
  line-height: 60px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-33 .background .year {
    font-size: 24px;
    top: 63.4%;
  }
}
@media (max-width: 767px) {
  .design.design-33 .background .year {
    font-size: 22px;
    top: 62.4%;
  }
}
.design.design-33 .background .made {
  font-size: 15px;
  line-height: 15px;
  top: 71.5%;
  text-transform: uppercase;
  font-weight: bolder;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-33 .background .made {
    top: 71%;
    font-size: 11px;
  }
}
@media (max-width: 767px) {
  .design.design-33 .background .made {
    top: 70.5%;
    font-size: 8px;
  }
}
.color-1 .design-33 {
  color: #fff;
}
.color-2 .design-33 {
  color: #fff;
}
.color-3 .design-33 {
  color: #00b2eb;
}
.color-1 .design-33 .background .title {
  color: #ffdf13;
}
.color-1 .design-33 .background .date {
  color: #000;
}
.color-2 .design-33 .background .title {
  color: #ffdf13;
}
.color-2 .design-33 .background .date {
  color: #000;
}
.color-3 .design-33 .background .name {
  color: #e83b49;
}
.color-3 .design-33 .background .title {
  color: #e83b49;
}
.color-3 .design-33 .background .date {
  color: #000;
}


/* Design ID: 34 */
.color-1 .design-34 .background {
  background-image: url(designs/imgs/design-34-1.png);
}
.design-34 .color-picker.color-1 {
  background-image: url(designs/btns/btn-34-1.png);
}
.color-2 .design-34 .background {
  background-image: url(designs/imgs/design-34-2.png);
}
.design-34 .color-picker.color-2 {
  background-image: url(designs/btns/btn-34-2.png);
}
.color-3 .design-34 .background {
  background-image: url(designs/imgs/design-34-3.png);
}
.design-34 .color-picker.color-3 {
  background-image: url(designs/btns/btn-34-3.png);
}
.design.design-34 .background > div {
  width: 70%;
  margin-left: -35%;
}
.design.design-34 .background .name {
  font-size: 44px;
  top: 25.4%;
  height: 60px;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-34 .background .name {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .design.design-34 .background .name {
    font-size: 30px;
  }
}
.design.design-34 .background .title {
  font-family: Georgia;
  font-size: 62px;
  line-height: 72px;
  font-style: italic;
  top: 39.6%;
  height: 150px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-34 .background .title {
    font-size: 48px;
    line-height: 56px;
    height: 120px;
  }
}
@media (max-width: 767px) {
  .design.design-34 .background .title {
    font-size: 40px;
    line-height: 48px;
    height: 100px;
  }
}
.design.design-34 .description {
  display: none;
}
.design.design-34 .background .date {
  font-family: "Arial";
  font-size: 13px;
  top: 12.6%;
  height: 16px;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-34 .background .date {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .design.design-34 .background .date {
    font-size: 8px;
  }
}
.design.design-34 .background .made {
  display: none;
}
.design.design-34 .background .year {
  font-family: "Georgia";
  font-weight: bold;
  font-size: 32px;
  top: 65.4%;
  width: 20%;
  margin-left: -9.5%;
  text-transform: uppercase;
  z-index: 3;
  border-radius: 50%;
  line-height: 60px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-34 .background .year {
    font-size: 24px;
    top: 63.4%;
  }
}
@media (max-width: 767px) {
  .design.design-34 .background .year {
    font-size: 22px;
    top: 62.4%;
  }
}
.design.design-34 .background .made {
  font-size: 15px;
  line-height: 15px;
  top: 87.3%;
  text-transform: uppercase;
  font-weight: bolder;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-34 .background .made {
    top: 87%;
    font-size: 11px;
  }
}
@media (max-width: 767px) {
  .design.design-34 .background .made {
    top: 86.5%;
    font-size: 8px;
  }
}
.color-1 .design-34 {
  color: #004b6b;
}
.color-1 .design-34 .background .title {
  color: #0087c0;
}
.color-2 .design-34 {
  color: #d75721;
}
.color-2 .design-34 .background .title {
  color: #f6a036;
}
.color-3 .design-34 {
  color: #b11c41;
}
.color-3 .design-34 .background .title {
  color: #e94273;
}


/* Design ID: 35 */
.color-1 .design-35 .background {
  background-image: url(designs/imgs/design-35-1.png);
}
.design-35 .color-picker.color-1 {
  background-image: url(designs/btns/btn-35-1.png);
}
.color-2 .design-35 .background {
  background-image: url(designs/imgs/design-35-2.png);
}
.design-35 .color-picker.color-2 {
  background-image: url(designs/btns/btn-35-2.png);
}
.color-3 .design-35 .background {
  background-image: url(designs/imgs/design-35-3.png);
}
.design-35 .color-picker.color-3 {
  background-image: url(designs/btns/btn-35-3.png);
}
.design.design-35 .background > div {
  width: 66%;
  margin-left: -33%;
}
.design.design-35 .background .name {
  font-size: 36px;
  top: 19.4%;
  height: 55px;
  letter-spacing: 0.02em;
  font-style: italic;
  font-family: Georgia;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-35 .background .name {
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .design.design-35 .background .name {
    font-size: 24px;
  }
}
.design.design-35 .background .title {
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
  top: 34.4%;
  height: 82px;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-35 .background .title {
    font-size: 30px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .design.design-35 .background .title {
    font-size: 26px;
    line-height: 26px;
  }
}
.design.design-35 .description {
  text-transform: uppercase;
  top: 64.4%;
  font-size: 12px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-35 .description {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .design.design-35 .description {
    font-size: 8px;
  }
}
.design.design-35 .background .date {
  font-size: 13px;
  top: 57.4%;
  height: 16px;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-35 .background .date {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .design.design-35 .background .date {
    font-size: 8px;
  }
}
.design.design-35 .background .made {
  display: none;
}
.design.design-35 .background .year {
  font-family: "Georgia";
  font-weight: bold;
  font-size: 32px;
  top: 65.4%;
  width: 20%;
  margin-left: -9.5%;
  text-transform: uppercase;
  z-index: 3;
  border-radius: 50%;
  line-height: 60px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-35 .background .year {
    font-size: 24px;
    top: 63.4%;
  }
}
@media (max-width: 767px) {
  .design.design-35 .background .year {
    font-size: 22px;
    top: 62.4%;
  }
}
.design.design-35 .background .made {
  font-size: 15px;
  line-height: 15px;
  top: 76.5%;
  text-transform: uppercase;
  font-weight: bolder;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-35 .background .made {
    top: 76%;
    font-size: 11px;
  }
}
@media (max-width: 767px) {
  .design.design-35 .background .made {
    top: 75.5%;
    font-size: 8px;
  }
}
.color-1 .design-35 {
  color: #000;
}
.color-1 .design-35 .background .name {
  color: #0084bc;
}
.color-1 .design-35 .background .made {
  color: #0084bc;
}
.color-2 .design-35 {
  color: #000;
}
.color-2 .design-35 .background .name {
  color: #007f4c;
}
.color-2 .design-35 .background .made {
  color: #007f4c;
}
.color-3 .design-35 {
  color: #000;
}
.color-3 .design-35 .background .name {
  color: #b80100;
}
.color-3 .design-35 .background .made {
  color: #b80100;
}


/* Design ID: 38 */
.color-1 .design-38 .background {
  background-image: url(designs/imgs/design-38-1.png);
}
.design-38 .color-picker.color-1 {
  background-image: url(designs/btns/btn-38-1.png);
}
.color-2 .design-38 .background {
  background-image: url(designs/imgs/design-38-2.png);
}
.design-38 .color-picker.color-2 {
  background-image: url(designs/btns/btn-38-2.png);
}
.color-3 .design-38 .background {
  background-image: url(designs/imgs/design-38-3.png);
}
.design-38 .color-picker.color-3 {
  background-image: url(designs/btns/btn-38-3.png);
}
.design.design-38 {
  color: #51bdc1;
}
.design.design-38 .background > div {
  width: 66%;
  margin-left: -33%;
}
.design.design-38 .background .name {
  font-size: 25px;
  top: 30.4%;
  width: 62%;
  height: 32px;
  margin-left: -31%;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-38 .background .name {
    font-size: 19px;
    height: 26px;
  }
}
@media (max-width: 767px) {
  .design.design-38 .background .name {
    font-size: 17px;
    height: 22px;
  }
}
.design.design-38 .background .title {
  font-family: "Georgia";
  font-size: 34px;
  font-weight: bold;
  font-style: italic;
  line-height: 39px;
  top: 38%;
  height: 84px;
  letter-spacing: -0.02em;
  color: #cb061d;
  width: 60%;
  margin-left: -30%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-38 .background .title {
    font-size: 24px;
    line-height: 31px;
    height: 59px;
    top: 39%;
    letter-spacing: 0.03em;
  }
}
@media (max-width: 767px) {
  .design.design-38 .background .title {
    font-size: 21px;
    line-height: 27px;
    height: 56px;
    letter-spacing: 0em;
  }
}
.design.design-38 .background .description {
  font-size: 19px;
  top: 58.4%;
  height: 28px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-38 .background .description {
    font-size: 15px;
    height: 25px;
  }
}
@media (max-width: 767px) {
  .design.design-38 .background .description {
    font-size: 13px;
    height: 20px;
  }
}
.design.design-38 .background .date {
  font-size: 16px;
  top: 78.6%;
  width: 30%;
  margin-left: -15%;
  height: 20px;
  letter-spacing: 0.03em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-38 .background .date {
    font-size: 12px;
    height: 16px;
  }
}
@media (max-width: 767px) {
  .design.design-38 .background .date {
    font-size: 11px;
    height: 14px;
  }
}
.design.design-38 .background .made {
  font-family: "Georgia";
  color: #fff;
  font-size: 12px;
  top: 68.8%;
  width: 92%;
  height: 50px;
  margin-left: -46%;
  font-weight: normal;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-38 .background .made {
    font-size: 9px;
    height: 30px;
    line-height: 15px;
  }
}
@media (max-width: 767px) {
  .design.design-38 .background .made {
    font-size: 7px;
    height: 26px;
    line-height: 14px;
  }
}
.color-2 .design-38 {
  color: #169732;
}
.color-3 .design-38 {
  color: #e96570;
}
.color-3 .design-38 .background .title {
  color: #179e3d;
}


/* Design ID: 39 */
.color-1 .design-39 .background {
  background-image: url(designs/imgs/design-39-1.png);
}
.design-39 .color-picker.color-1 {
  background-image: url(designs/btns/btn-39-1.png);
}
.color-2 .design-39 .background {
  background-image: url(designs/imgs/design-39-2.png);
}
.design-39 .color-picker.color-2 {
  background-image: url(designs/btns/btn-39-2.png);
}
.color-3 .design-39 .background {
  background-image: url(designs/imgs/design-39-3.png);
}
.design-39 .color-picker.color-3 {
  background-image: url(designs/btns/btn-39-3.png);
}
.design.design-39 {
  color: #fff;
}
.design.design-39 .background > div {
  width: 65%;
  margin-left: -32%;
}
.design.design-39 .background .name {
  font-size: 35px;
  font-weight: bold;
  top: 7.4%;
  width: 90%;
  height: 104px;
  margin-left: -45%;
  letter-spacing: -0.04em;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-39 .background .name {
    font-size: 27px;
    height: 75px;
  }
}
@media (max-width: 767px) {
  .design.design-39 .background .name {
    font-size: 23px;
    height: 70px;
  }
}
.design.design-39 .background .title {
  font-size: 35px;
  font-weight: bold;
  top: 49.5%;
  width: 84%;
  margin-left: -42%;
  height: 200px;
  text-transform: uppercase;
  letter-spacing: -0.06em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-39 .background .title {
    font-size: 25px;
    height: 153px;
  }
}
@media (max-width: 767px) {
  .design.design-39 .background .title {
    font-size: 23px;
    height: 133px;
  }
}
.design.design-39 .background .description {
  font-family: "Georgia";
  font-size: 18px;
  top: 26.4%;
  width: 48%;
  height: 160px;
  margin-left: -24%;
  letter-spacing: -0.06em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-39 .background .description {
    font-size: 13px;
    height: 140px;
  }
}
@media (max-width: 767px) {
  .design.design-39 .background .description {
    font-size: 11px;
    height: 120px;
  }
}
.design.design-39 .background .date {
  font-size: 17px;
  top: 61.5%;
  width: 38%;
  height: 22px;
  margin-left: -19%;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-39 .background .date {
    font-size: 12px;
    height: 16px;
    top: 61.7%;
    letter-spacing: 0.02em;
  }
}
@media (max-width: 767px) {
  .design.design-39 .background .date {
    font-size: 11px;
    height: 15px;
  }
}
.design.design-39 .background .made {
  font-size: 11px;
  top: 68%;
  width: 32%;
  height: 30px;
  margin-left: -16%;
  font-weight: normal;
  line-height: 13px;
  letter-spacing: 0.08em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-39 .background .made {
    font-size: 8px;
    height: 25px;
    line-height: 10px;
    letter-spacing: 0.08em;
  }
}
@media (max-width: 767px) {
  .design.design-39 .background .made {
    font-size: 7px;
    height: 22px;
    line-height: 9px;
  }
}
.color-2 .design-39 .background .description {
  color: #169732;
}
.color-2 .design-39 .background .made {
  color: #169732;
}
.color-2 .design-39 .background .date {
  color: #cb061d;
}
.color-3 .design-39 .background .description {
  color: #179e3d;
}
.color-3 .design-39 .background .made {
  color: #179e3d;
}
.color-3 .design-39 .background .date {
  color: #ca0813;
}


/* Design ID: 40 */
.color-1 .design-40 .background {
  background-image: url(designs/imgs/design-40-1.png);
}
.design-40 .color-picker.color-1 {
  background-image: url(designs/btns/btn-40-1.png);
}
.color-2 .design-40 .background {
  background-image: url(designs/imgs/design-40-2.png);
}
.design-40 .color-picker.color-2 {
  background-image: url(designs/btns/btn-40-2.png);
}
.color-3 .design-40 .background {
  background-image: url(designs/imgs/design-40-3.png);
}
.design-40 .color-picker.color-3 {
  background-image: url(designs/btns/btn-40-3.png);
}
.design.design-40 {
  color: #51bdc1;
}
.design.design-40 .background > div {
  width: 56%;
  margin-left: -28%;
}
.design.design-40 .background .name {
  font-size: 26px;
  top: 29.2%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-40 .background .name {
    font-size: 20px;
    height: 30px;
  }
}
@media (max-width: 767px) {
  .design.design-40 .background .name {
    font-size: 18px;
    height: 23px;
  }
}
.design.design-40 .background .title {
  font-family: "Georgia";
  font-size: 32px;
  font-weight: bold;
  font-style: italic;
  line-height: 35px;
  top: 44.2%;
  height: 70px;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-40 .background .title {
    font-size: 25px;
    line-height: 28px;
    height: 59px;
    top: 43.2%;
  }
}
@media (max-width: 767px) {
  .design.design-40 .background .title {
    font-size: 20px;
    line-height: 24px;
    height: 50px;
    letter-spacing: 0em;
    top: 43.6%;
  }
}
.design.design-40 .background .description {
  top: 69%;
  height: 24px;
  font-size: 18px;
  line-height: 19px;
  font-family: "Georgia";
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-40 .background .description {
    top: 68.4%;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .design.design-40 .background .description {
    top: 68%;
    font-size: 12px;
    height: 20px;
  }
}
.design.design-40 .background .date {
  font-family: "Arial";
  font-weight: bold;
  font-size: 17px;
  top: 76.4%;
  width: 50%;
  height: 22px;
  margin-left: -25%;
  letter-spacing: -0.06em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-40 .background .date {
    font-size: 12px;
    height: 16px;
    letter-spacing: 0em;
    top: 76.4%;
  }
}
@media (max-width: 767px) {
  .design.design-40 .background .date {
    font-size: 11px;
    height: 14px;
    letter-spacing: -0.05em;
  }
}
.design.design-40 .background .made {
  font-family: "Arial";
  font-size: 10px;
  top: 83.4%;
  width: 30%;
  margin-left: -15%;
  height: 30px;
  font-weight: normal;
  line-height: 14px;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-40 .background .made {
    font-size: 7px;
    height: 24px;
    line-height: 11px;
  }
}
@media (max-width: 767px) {
  .design.design-40 .background .made {
    font-size: 6px;
    height: 22px;
    line-height: 9px;
  }
}
.color-1 .design-40 .background .title {
  color: #bf0b1d;
}
.color-1 .design-40 .background .date {
  color: #bf0b1d;
}
.color-2 .design-40 {
  color: #009a3c;
}
.color-3 .design-40 {
  color: #009a3c;
}
.color-2 .design-40 .background .title {
  color: #c01818;
}
.color-2 .design-40 .background .date {
  color: #c01818;
}
.color-3 .design-40 .background .title {
  color: #c01818;
}
.color-3 .design-40 .background .date {
  color: #c01818;
}


/* Design ID: 41 */
.color-1 .design-41 .background {
  background-image: url(designs/imgs/design-41-1.png);
}
.design-41 .color-picker.color-1 {
  background-image: url(designs/btns/btn-41-1.png);
}
.color-2 .design-41 .background {
  background-image: url(designs/imgs/design-41-2.png);
}
.design-41 .color-picker.color-2 {
  background-image: url(designs/btns/btn-41-2.png);
}
.color-3 .design-41 .background {
  background-image: url(designs/imgs/design-41-3.png);
}
.design-41 .color-picker.color-3 {
  background-image: url(designs/btns/btn-41-3.png);
}
.design.design-41 {
  color: #bd0a27;
}
.design.design-41 .background .name {
  font-family: "Georgia";
  font-size: 25px;
  font-style: italic;
  top: 29.4%;
  width: 90%;
  margin-left: -45%;
  height: 38px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-41 .background .name {
    font-size: 20px;
    height: 28px;
  }
}
@media (max-width: 767px) {
  .design.design-41 .background .name {
    font-size: 17px;
    height: 24px;
  }
}
.design.design-41 .background .title {
  font-size: 32px;
  line-height: 37px;
  top: 41.2%;
  height: 70px;
  width: 56%;
  margin-left: -28%;
  text-transform: uppercase;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-41 .background .title {
    font-size: 24px;
    line-height: 27px;
    height: 59px;
    top: 40.4%;
  }
}
@media (max-width: 767px) {
  .design.design-41 .background .title {
    font-size: 20px;
    line-height: 24px;
    height: 45px;
  }
}
.design.design-41 .background .description {
  top: 60.2%;
  height: 35px;
  font-family: "Georgia";
  font-size: 24px;
  font-style: italic;
  letter-spacing: -0.02em;
  width: 90%;
  margin-left: -45%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-41 .background .description {
    top: 60%;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .design.design-41 .background .description {
    font-size: 16px;
  }
}
.design.design-41 .background .date {
  font-family: "Arial";
  font-size: 20px;
  top: 74.4%;
  width: 34%;
  height: 28px;
  margin-left: -17%;
  letter-spacing: -0.02em;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-41 .background .date {
    font-size: 15px;
    height: 20px;
    letter-spacing: 0em;
  }
}
@media (max-width: 767px) {
  .design.design-41 .background .date {
    font-size: 13px;
    height: 18px;
  }
}
.design.design-41 .background .made {
  font-family: "Arial";
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  font-size: 13px;
  top: 92%;
  width: 80%;
  height: 20px;
  margin-left: -40%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-41 .background .made {
    font-size: 10px;
    height: 15px;
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .design.design-41 .background .made {
    font-size: 9px;
    line-height: 13px;
  }
}
.color-1 .design-41 .background .name {
  color: #169732;
}
.color-1 .design-41 .background .description {
  color: #169732;
}
.color-2 .design-41 {
  color: #009a3c;
}
.color-2 .design-41 .background .name {
  color: #be1823;
}
.color-2 .design-41 .background .description {
  color: #be1823;
}
.color-3 .design-41 {
  color: #be1823;
}
.color-3 .design-41 .background .name {
  color: #51bdc5;
}
.color-3 .design-41 .background .description {
  color: #51bdc5;
}


/* Design ID: 42 */
.color-1 .design-42 .background {
  background-image: url(designs/imgs/design-42-1.png);
}
.design-42 .color-picker.color-1 {
  background-image: url(designs/btns/btn-42-1.png);
}
.color-2 .design-42 .background {
  background-image: url(designs/imgs/design-42-2.png);
}
.design-42 .color-picker.color-2 {
  background-image: url(designs/btns/btn-42-2.png);
}
.color-3 .design-42 .background {
  background-image: url(designs/imgs/design-42-3.png);
}
.design-42 .color-picker.color-3 {
  background-image: url(designs/btns/btn-42-3.png);
}
.design.design-42 .background > div {
  width: 50%;
  margin-left: -25%;
}
.design.design-11 .background > div {
  width: 50%;
  margin-left: -25%;
}
.design.design-42 .background .name {
  font-family: "Georgia";
  font-size: 25px;
  top: 23%;
  height: 38px;
}
.design.design-11 .background .name {
  font-family: "Georgia";
  font-size: 25px;
  top: 23%;
  height: 38px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-42 .background .name {
    font-size: 20px;
    height: 28px;
  }
  .design.design-11 .background .name {
    font-size: 20px;
    height: 28px;
  }
}
@media (max-width: 767px) {
  .design.design-42 .background .name {
    font-size: 17px;
    height: 23px;
  }
  .design.design-11 .background .name {
    font-size: 17px;
    height: 23px;
  }
}
.design.design-42 .title {
  font-family: "Georgia";
  font-style: italic;
  font-size: 31px;
  font-weight: bold;
  line-height: 37px;
  top: 40%;
  height: 75px;
  letter-spacing: -0.02em;
}
.design.design-11 .title {
  font-family: "Georgia";
  font-style: italic;
  font-size: 31px;
  font-weight: bold;
  line-height: 37px;
  top: 40%;
  height: 75px;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-42 .title {
    font-size: 23px;
    line-height: 29px;
    height: 60px;
    letter-spacing: 0em;
  }
  .design.design-11 .title {
    font-size: 23px;
    line-height: 29px;
    height: 60px;
    letter-spacing: 0em;
  }
}
@media (max-width: 767px) {
  .design.design-42 .title {
    font-size: 20px;
    line-height: 25px;
    height: 54px;
    top: 39.4%;
  }
  .design.design-11 .title {
    font-size: 20px;
    line-height: 25px;
    height: 54px;
    top: 39.4%;
  }
}
.design.design-42 .description {
  top: 70%;
  height: 38px;
  font-family: "Georgia";
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 19px;
}
.design.design-11 .description {
  top: 70%;
  height: 38px;
  font-family: "Georgia";
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 19px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-42 .description {
    top: 69.4%;
    font-size: 14px;
  }
  .design.design-11 .description {
    top: 69.4%;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .design.design-42 .description {
    font-size: 12px;
    line-height: 14px;
    height: 18px;
  }
  .design.design-11 .description {
    font-size: 12px;
    line-height: 14px;
    height: 18px;
  }
}
.design.design-42 .background .date {
  font-weight: bold;
  font-size: 18px;
  top: 80.2%;
  height: 24px;
}
.design.design-11 .background .date {
  font-weight: bold;
  font-size: 18px;
  top: 80.2%;
  height: 24px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-42 .background .date {
    font-size: 14px;
    height: 18px;
  }
  .design.design-11 .background .date {
    font-size: 14px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .design.design-42 .background .date {
    font-size: 12px;
    height: 18px;
  }
  .design.design-11 .background .date {
    font-size: 12px;
    height: 18px;
  }
}
.design.design-42 .background .made {
  font-size: 13px;
  top: 88.8%;
  height: 18px;
  width: 80%;
  letter-spacing: 0.02em;
  margin-left: -40%;
}
.design.design-11 .background .made {
  font-size: 13px;
  top: 88.8%;
  height: 18px;
  width: 80%;
  letter-spacing: 0.02em;
  margin-left: -40%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-42 .background .made {
    font-size: 10px;
    height: 30px;
    line-height: 15px;
    letter-spacing: 0.5px;
  }
  .design.design-11 .background .made {
    font-size: 10px;
    height: 30px;
    line-height: 15px;
    letter-spacing: 0.5px;
  }
}
@media (max-width: 767px) {
  .design.design-42 .background .made {
    font-size: 8px;
    height: 15px;
    line-height: 11px;
  }
  .design.design-11 .background .made {
    font-size: 8px;
    height: 15px;
    line-height: 11px;
  }
}
.color-1 .design-42 {
  color: #51bdc5;
}
.color-1 .design-42 .background .date {
  color: #c01818;
}
.color-1 .design-42 .background .title {
  color: #c01818;
}
.color-2 .design-42 {
  color: #009a3c;
}
.color-2 .design-42 .background .date {
  color: #c01818;
}
.color-2 .design-42 .background .title {
  color: #c01818;
}
.color-3 .design-42 {
  color: #c01818;
}
.color-3 .design-42 .background .date {
  color: #009a3c;
}
.color-3 .design-42 .background .title {
  color: #009a3c;
}


/* Design ID: 43 */
.color-1 .design-43 .background {
  background-image: url(designs/imgs/design-43-1.png);
}
.design-43 .color-picker.color-1 {
  background-image: url(designs/btns/btn-43-1.png);
}
.color-2 .design-43 .background {
  background-image: url(designs/imgs/design-43-2.png);
}
.design-43 .color-picker.color-2 {
  background-image: url(designs/btns/btn-43-2.png);
}
.color-3 .design-43 .background {
  background-image: url(designs/imgs/design-43-3.png);
}
.design-43 .color-picker.color-3 {
  background-image: url(designs/btns/btn-43-3.png);
}
.design.design-43 .background > div {
  width: 50%;
  margin-left: -25%;
}
.design.design-43 .background .name {
  font-family: "Georgia";
  font-size: 25px;
  top: 23%;
  height: 38px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-43 .background .name {
    font-size: 20px;
    height: 28px;
  }
}
@media (max-width: 767px) {
  .design.design-43 .background .name {
    font-size: 17px;
    height: 23px;
  }
}
.design.design-43 .title {
  font-family: "Georgia";
  font-style: italic;
  font-size: 31px;
  font-weight: bold;
  line-height: 37px;
  top: 40%;
  height: 75px;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-43 .title {
    font-size: 23px;
    line-height: 29px;
    height: 60px;
    letter-spacing: 0em;
  }
}
@media (max-width: 767px) {
  .design.design-43 .title {
    font-size: 20px;
    line-height: 25px;
    height: 54px;
    top: 39.4%;
  }
}
.design.design-43 .description {
  top: 70%;
  height: 38px;
  font-family: "Georgia";
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 19px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-43 .description {
    top: 69.4%;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .design.design-43 .description {
    font-size: 12px;
    line-height: 14px;
    height: 18px;
  }
}
.design.design-43 .background .date {
  font-weight: bold;
  font-size: 18px;
  top: 80.2%;
  height: 24px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-43 .background .date {
    font-size: 14px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .design.design-43 .background .date {
    font-size: 12px;
    height: 18px;
  }
}
.design.design-43 .background .made {
  font-size: 13px;
  top: 88.8%;
  height: 18px;
  width: 80%;
  letter-spacing: 0.02em;
  margin-left: -40%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-43 .background .made {
    font-size: 10px;
    height: 30px;
    line-height: 15px;
    letter-spacing: 0.5px;
  }
}
@media (max-width: 767px) {
  .design.design-43 .background .made {
    font-size: 8px;
    height: 15px;
    line-height: 11px;
  }
}
.design.design-43 .background .name {
  top: 21.4%;
}
.design.design-43 .background .title {
  top: 38%;
}
.design.design-43 .background .description {
  top: 67.8%;
}
.design.design-43 .background .date {
  top: 78.6%;
}
.design.design-43 .background .made {
  top: 87.6%;
}
.color-1 .design-43 {
  color: #219638;
}
.color-2 .design-43 {
  color: #219638;
}
.color-1 .design-43 .background .date {
  color: #bd1124;
}
.color-1 .design-43 .background .title {
  color: #bd1124;
}
.color-2 .design-43 .background .date {
  color: #bd1124;
}
.color-2 .design-43 .background .title {
  color: #bd1124;
}
.color-3 .design-43 {
  color: #2373b6;
}
.color-3 .design-43 .background .date {
  color: #bd1219;
}
.color-3 .design-43 .background .title {
  color: #bd1219;
}


/* Design ID: 44 */
.color-1 .design-44 .background {
  background-image: url(designs/imgs/design-44-1.png);
}
.design-44 .color-picker.color-1 {
  background-image: url(designs/btns/btn-44-1.png);
}
.color-1 .design-44 {
  color: #f18705;
}
.design.design-44 .background > div {
  width: 52%;
  margin-left: -26%;
}
.design.design-44 .background .name {
  font-family: "Georgia";
  font-size: 25px;
  top: 18%;
  height: 38px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-44 .background .name {
    font-size: 20px;
    height: 28px;
  }
}
@media (max-width: 767px) {
  .design.design-44 .background .name {
    font-size: 17px;
    height: 23px;
  }
}
.design.design-44 .title {
  font-family: "Georgia";
  font-style: italic;
  font-size: 31px;
  font-weight: bold;
  line-height: 38px;
  top: 37%;
  height: 95px;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-44 .title {
    font-size: 22px;
    line-height: 28px;
    top: 39%;
    height: 60px;
    letter-spacing: 0em;
  }
}
@media (max-width: 767px) {
  .design.design-44 .title {
    font-size: 20px;
    line-height: 25px;
    height: 54px;
    top: 38.4%;
  }
}
.design.design-44 .description {
  top: 67.8%;
  height: 38px;
  font-family: "Georgia";
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 19px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-44 .description {
    top: 69.4%;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .design.design-44 .description {
    font-size: 12px;
    line-height: 14px;
    height: 18px;
  }
}
.design.design-44 .background .date {
  font-weight: bold;
  font-size: 18px;
  top: 78.6%;
  height: 24px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-44 .background .date {
    font-size: 14px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .design.design-44 .background .date {
    font-size: 12px;
    height: 18px;
  }
}
.design.design-44 .background .made {
  color: #f9b233;
  font-weight: bold;
  font-size: 13px;
  top: 89%;
  height: 18px;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-44 .background .made {
    font-size: 10px;
    height: 30px;
    line-height: 15px;
    letter-spacing: 0.5px;
  }
}
@media (max-width: 767px) {
  .design.design-44 .background .made {
    font-size: 8px;
    height: 15px;
    line-height: 11px;
  }
}


/* Design ID: 45 */
.color-1 .design-45 .background {
  background-image: url(designs/imgs/design-45-1.png);
}
.design-45 .color-picker.color-1 {
  background-image: url(designs/btns/btn-45-1.png);
}
.color-1 .design-45 {
  color: #683d13;
}
.design.design-45 .background > div {
  width: 52%;
  margin-left: -26%;
}
.design.design-45 .background .name {
  font-family: "Georgia";
  font-size: 25px;
  top: 16%;
  height: 38px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-45 .background .name {
    font-size: 20px;
    height: 28px;
  }
}
@media (max-width: 767px) {
  .design.design-45 .background .name {
    font-size: 17px;
    height: 23px;
  }
}
.design.design-45 .title {
  font-family: "Georgia";
  font-style: italic;
  font-size: 31px;
  font-weight: bold;
  line-height: 39px;
  top: 37%;
  height: 95px;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-45 .title {
    font-size: 23px;
    line-height: 28px;
    top: 39%;
    height: 60px;
    letter-spacing: 0em;
  }
}
@media (max-width: 767px) {
  .design.design-45 .title {
    font-size: 20px;
    line-height: 25px;
    height: 54px;
    top: 39.4%;
  }
}
.design.design-45 .description {
  top: 67.8%;
  height: 38px;
  font-family: "Georgia";
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 19px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-45 .description {
    top: 69.4%;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .design.design-45 .description {
    font-size: 12px;
    line-height: 14px;
    height: 18px;
  }
}
.design.design-45 .background .date {
  font-weight: bold;
  font-size: 18px;
  top: 78.6%;
  height: 24px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-45 .background .date {
    font-size: 14px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .design.design-45 .background .date {
    font-size: 12px;
    height: 18px;
  }
}
.design.design-45 .background .made {
  color: #b07f47;
  font-weight: bold;
  font-size: 13px;
  top: 89%;
  height: 18px;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-45 .background .made {
    font-size: 10px;
    height: 30px;
    line-height: 15px;
    letter-spacing: 0.5px;
  }
}
@media (max-width: 767px) {
  .design.design-45 .background .made {
    font-size: 8px;
    height: 15px;
    line-height: 11px;
  }
}


/* Design ID: 46 */
.color-1 .design-46 .background {
  background-image: url(designs/imgs/design-46-1.png);
}
.design-46 .color-picker.color-1 {
  background-image: url(designs/btns/btn-46-1.png);
}
.color-1 .design-46 {
  color: #0a72b4;
}
.design.design-46 .background > div {
  width: 52%;
  margin-left: -26%;
}
.design.design-46 .background .name {
  font-family: "Georgia";
  font-size: 25px;
  top: 18%;
  height: 38px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-46 .background .name {
    font-size: 20px;
    height: 28px;
  }
}
@media (max-width: 767px) {
  .design.design-46 .background .name {
    font-size: 17px;
    height: 23px;
  }
}
.design.design-46 .title {
  font-family: "Georgia";
  font-style: italic;
  font-size: 31px;
  font-weight: bold;
  line-height: 37px;
  top: 37%;
  height: 95px;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-46 .title {
    font-size: 23px;
    line-height: 30px;
    top: 39%;
    height: 60px;
    letter-spacing: 0em;
  }
}
@media (max-width: 767px) {
  .design.design-46 .title {
    font-size: 20px;
    line-height: 25px;
    height: 54px;
    top: 39%;
  }
}
.design.design-46 .description {
  top: 67.8%;
  height: 38px;
  font-family: "Georgia";
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 19px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-46 .description {
    top: 69.4%;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .design.design-46 .description {
    font-size: 12px;
    line-height: 14px;
    height: 18px;
  }
}
.design.design-46 .background .date {
  font-weight: bold;
  font-size: 18px;
  top: 78.6%;
  height: 24px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-46 .background .date {
    font-size: 14px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .design.design-46 .background .date {
    font-size: 12px;
    height: 18px;
  }
}
.design.design-46 .background .made {
  color: #0a72b4;
  font-weight: bold;
  font-size: 13px;
  top: 89%;
  height: 18px;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-46 .background .made {
    font-size: 10px;
    height: 30px;
    line-height: 15px;
    letter-spacing: 0.5px;
  }
}
@media (max-width: 767px) {
  .design.design-46 .background .made {
    font-size: 8px;
    height: 15px;
    line-height: 11px;
  }
}


/* Design ID: 47 */
.color-1 .design-47 .background {
  background-image: url(designs/imgs/design-47-1.png);
}
.design-47 .color-picker.color-1 {
  background-image: url(designs/btns/btn-47-1.png);
}
.color-1 .design-47 {
  color: #7e4f24;
}
.design.design-47 .background > div {
  width: 52%;
  margin-left: -26%;
}
.design.design-47 .background .name {
  font-family: "Georgia";
  font-size: 25px;
  top: 18%;
  height: 38px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-47 .background .name {
    font-size: 20px;
    height: 28px;
  }
}
@media (max-width: 767px) {
  .design.design-47 .background .name {
    font-size: 17px;
    height: 23px;
  }
}
.design.design-47 .title {
  font-family: "Georgia";
  font-style: italic;
  font-size: 31px;
  font-weight: bold;
  line-height: 31px;
  top: 36%;
  height: 95px;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-47 .title {
    font-size: 23px;
    line-height: 27px;
    height: 60px;
    top: 39%;
    letter-spacing: 0em;
  }
}
@media (max-width: 767px) {
  .design.design-47 .title {
    font-size: 20px;
    line-height: 25px;
    height: 54px;
    top: 39.4%;
  }
}
.design.design-47 .description {
  top: 67.8%;
  height: 38px;
  font-family: "Georgia";
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 19px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-47 .description {
    top: 69.4%;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .design.design-47 .description {
    font-size: 12px;
    line-height: 14px;
    height: 18px;
  }
}
.design.design-47 .background .date {
  font-weight: bold;
  font-size: 18px;
  top: 78.6%;
  height: 24px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-47 .background .date {
    font-size: 14px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .design.design-47 .background .date {
    font-size: 12px;
    height: 18px;
  }
}
.design.design-47 .background .made {
  color: #c99d66;
  font-weight: bold;
  font-size: 13px;
  top: 89%;
  height: 18px;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-47 .background .made {
    font-size: 10px;
    height: 30px;
    line-height: 15px;
    letter-spacing: 0.5px;
  }
}
@media (max-width: 767px) {
  .design.design-47 .background .made {
    font-size: 8px;
    height: 15px;
    line-height: 11px;
  }
}


/* Design ID: 48 */
.color-1 .design-48 .background {
  background-image: url(designs/imgs/design-48-1.png);
}
.design-48 .color-picker.color-1 {
  background-image: url(designs/btns/btn-48-1.png);
}
.color-1 .design-48 {
  color: #c01818;
}
.design.design-48 .background > div {
  width: 52%;
  margin-left: -26%;
}
.design.design-48 .background .name {
  font-family: "Georgia";
  font-size: 25px;
  top: 18%;
  height: 38px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-48 .background .name {
    font-size: 20px;
    height: 28px;
  }
}
@media (max-width: 767px) {
  .design.design-48 .background .name {
    font-size: 17px;
    height: 23px;
  }
}
.design.design-48 .title {
  font-family: "Georgia";
  font-style: italic;
  font-size: 27px;
  font-weight: bold;
  line-height: 35px;
  top: 37.5%;
  height: 95px;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-48 .title {
    font-size: 20px;
    top: 40%;
    line-height: 28px;
    height: 60px;
    letter-spacing: 0em;
  }
}
@media (max-width: 767px) {
  .design.design-48 .title {
    font-size: 18px;
    line-height: 25px;
    height: 54px;
    top: 39%;
  }
}
.design.design-48 .description {
  top: 67.8%;
  height: 38px;
  font-family: "Georgia";
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 19px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-48 .description {
    top: 69.4%;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .design.design-48 .description {
    font-size: 12px;
    line-height: 14px;
    height: 18px;
  }
}
.design.design-48 .background .date {
  font-weight: bold;
  font-size: 18px;
  top: 78.6%;
  height: 24px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-48 .background .date {
    font-size: 14px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .design.design-48 .background .date {
    font-size: 12px;
    height: 18px;
  }
}
.design.design-48 .background .made {
  color: #009a3c;
  font-weight: bold;
  font-size: 13px;
  top: 89%;
  height: 18px;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-48 .background .made {
    font-size: 10px;
    height: 30px;
    line-height: 15px;
    letter-spacing: 0.5px;
  }
}
@media (max-width: 767px) {
  .design.design-48 .background .made {
    font-size: 8px;
    height: 15px;
    line-height: 11px;
  }
}


/* Design ID: 49 */
.color-1 .design-49 .background {
  background-image: url(designs/imgs/design-49-1.png);
}
.design-49 .color-picker.color-1 {
  background-image: url(designs/btns/btn-49-1.png);
}
.color-1 .design-49 {
  color: #d96013;
}
.design.design-49 .background > div {
  width: 52%;
  margin-left: -26%;
}
.design.design-49 .background .name {
  font-family: "Georgia";
  font-size: 25px;
  top: 18%;
  height: 38px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-49 .background .name {
    font-size: 20px;
    height: 28px;
  }
}
@media (max-width: 767px) {
  .design.design-49 .background .name {
    font-size: 17px;
    height: 23px;
  }
}
.design.design-49 .title {
  font-family: "Georgia";
  font-style: italic;
  font-size: 23px;
  font-weight: bold;
  line-height: 28px;
  top: 37%;
  height: 95px;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-49 .title {
    font-size: 17px;
    line-height: 21px;
    top: 39%;
    height: 60px;
    letter-spacing: 0em;
  }
}
@media (max-width: 767px) {
  .design.design-49 .title {
    font-size: 16px;
    line-height: 18px;
    height: 54px;
    top: 39%;
  }
}
.design.design-49 .description {
  top: 67.8%;
  height: 38px;
  font-family: "Georgia";
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 19px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-49 .description {
    top: 69.4%;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .design.design-49 .description {
    font-size: 12px;
    line-height: 14px;
    height: 18px;
  }
}
.design.design-49 .background .date {
  font-weight: bold;
  font-size: 18px;
  top: 78.6%;
  height: 24px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-49 .background .date {
    font-size: 14px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .design.design-49 .background .date {
    font-size: 12px;
    height: 18px;
  }
}
.design.design-49 .background .made {
  color: #f39a41;
  font-weight: bold;
  font-size: 13px;
  top: 89%;
  height: 18px;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-49 .background .made {
    font-size: 10px;
    height: 30px;
    line-height: 15px;
    letter-spacing: 0.5px;
  }
}
@media (max-width: 767px) {
  .design.design-49 .background .made {
    font-size: 8px;
    height: 15px;
    line-height: 11px;
  }
}


/* Design ID: 50 */
.color-1 .design-50 .background {
  background-image: url(designs/imgs/design-50-1.png);
}
.design-50 .color-picker.color-1 {
  background-image: url(designs/btns/btn-50-1.png);
}
.color-1 .design-50 {
  color: #512773;
}
.design.design-50 .background > div {
  width: 52%;
  margin-left: -26%;
}
.design.design-50 .background .name {
  font-family: "Georgia";
  font-size: 25px;
  top: 18%;
  height: 38px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-50 .background .name {
    font-size: 20px;
    height: 28px;
  }
}
@media (max-width: 767px) {
  .design.design-50 .background .name {
    font-size: 17px;
    height: 23px;
  }
}
.design.design-50 .title {
  font-family: "Georgia";
  font-style: italic;
  font-size: 25px;
  font-weight: bold;
  line-height: 28px;
  top: 37%;
  height: 95px;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-50 .title {
    font-size: 18px;
    line-height: 22px;
    height: 60px;
    top: 39%;
    letter-spacing: 0em;
  }
}
@media (max-width: 767px) {
  .design.design-50 .title {
    font-size: 16px;
    line-height: 18px;
    height: 54px;
    top: 39%;
  }
}
.design.design-50 .description {
  top: 67.8%;
  height: 38px;
  font-family: "Georgia";
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 19px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-50 .description {
    top: 69.4%;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .design.design-50 .description {
    font-size: 12px;
    line-height: 14px;
    height: 18px;
  }
}
.design.design-50 .background .date {
  font-weight: bold;
  font-size: 18px;
  top: 78.6%;
  height: 24px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-50 .background .date {
    font-size: 14px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .design.design-50 .background .date {
    font-size: 12px;
    height: 18px;
  }
}
.design.design-50 .background .made {
  color: #af7f47;
  font-weight: bold;
  font-size: 13px;
  top: 89%;
  height: 18px;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-50 .background .made {
    font-size: 10px;
    height: 30px;
    line-height: 15px;
    letter-spacing: 0.5px;
  }
}
@media (max-width: 767px) {
  .design.design-50 .background .made {
    font-size: 8px;
    height: 15px;
    line-height: 11px;
  }
}


/* Design ID: 51 */
.color-1 .design-51 .background {
  background-image: url(designs/imgs/design-51-1.png);
}
.design-51 .color-picker.color-1 {
  background-image: url(designs/btns/btn-51-1.png);
}
.color-1 .design-51 {
  color: #312013;
}
.design.design-51 .background > div {
  width: 52%;
  margin-left: -26%;
}
.design.design-51 .background .name {
  font-family: "Georgia";
  font-size: 25px;
  top: 18%;
  height: 38px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-51 .background .name {
    font-size: 20px;
    height: 28px;
  }
}
@media (max-width: 767px) {
  .design.design-51 .background .name {
    font-size: 17px;
    height: 23px;
  }
}
.design.design-51 .title {
  font-family: "Georgia";
  font-style: italic;
  font-size: 31px;
  font-weight: bold;
  line-height: 31px;
  top: 36%;
  height: 95px;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-51 .title {
    font-size: 23px;
    line-height: 29px;
    top: 38%;
    height: 60px;
    letter-spacing: 0em;
  }
}
@media (max-width: 767px) {
  .design.design-51 .title {
    font-size: 20px;
    line-height: 25px;
    height: 54px;
    top: 38%;
  }
}
.design.design-51 .description {
  top: 67.8%;
  height: 38px;
  font-family: "Georgia";
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 19px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-51 .description {
    top: 69.4%;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .design.design-51 .description {
    font-size: 12px;
    line-height: 14px;
    height: 18px;
  }
}
.design.design-51 .background .date {
  font-weight: bold;
  font-size: 18px;
  top: 78.6%;
  height: 24px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-51 .background .date {
    font-size: 14px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .design.design-51 .background .date {
    font-size: 12px;
    height: 18px;
  }
}
.design.design-51 .background .made {
  color: #946138;
  font-weight: bold;
  font-size: 13px;
  top: 89%;
  height: 18px;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-51 .background .made {
    font-size: 10px;
    height: 30px;
    line-height: 15px;
    letter-spacing: 0.5px;
  }
}
@media (max-width: 767px) {
  .design.design-51 .background .made {
    font-size: 8px;
    height: 15px;
    line-height: 11px;
  }
}


/* Design ID: 52 */
.color-1 .design-52 .background {
  background-image: url(designs/imgs/design-52-1.png);
}
.design-52 .color-picker.color-1 {
  background-image: url(designs/btns/btn-52-1.png);
}
.color-1 .design-52 {
  color: #824c13;
}
.design.design-52 .background > div {
  width: 52%;
  margin-left: -26%;
}
.design.design-52 .background .name {
  font-family: "Georgia";
  font-size: 25px;
  top: 18%;
  height: 38px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-52 .background .name {
    font-size: 20px;
    height: 28px;
  }
}
@media (max-width: 767px) {
  .design.design-52 .background .name {
    font-size: 17px;
    height: 23px;
  }
}
.design.design-52 .title {
  font-family: "Georgia";
  font-style: italic;
  font-size: 31px;
  font-weight: bold;
  line-height: 31px;
  top: 36%;
  height: 95px;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-52 .title {
    font-size: 23px;
    line-height: 29px;
    top: 39%;
    height: 60px;
    letter-spacing: 0em;
  }
}
@media (max-width: 767px) {
  .design.design-52 .title {
    font-size: 21px;
    line-height: 25px;
    height: 54px;
    top: 39%;
  }
}
.design.design-52 .description {
  top: 67.8%;
  height: 38px;
  font-family: "Georgia";
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 19px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-52 .description {
    top: 69.4%;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .design.design-52 .description {
    font-size: 12px;
    line-height: 14px;
    height: 18px;
  }
}
.design.design-52 .background .date {
  font-weight: bold;
  font-size: 18px;
  top: 78.6%;
  height: 24px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-52 .background .date {
    font-size: 14px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .design.design-52 .background .date {
    font-size: 12px;
    height: 18px;
  }
}
.design.design-52 .background .made {
  color: #d3992a;
  font-weight: bold;
  font-size: 13px;
  top: 89%;
  height: 18px;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-52 .background .made {
    font-size: 10px;
    height: 30px;
    line-height: 15px;
    letter-spacing: 0.5px;
  }
}
@media (max-width: 767px) {
  .design.design-52 .background .made {
    font-size: 8px;
    height: 15px;
    line-height: 11px;
  }
}


/* Design ID: 53 */
.color-1 .design-53 .background {
  background-image: url(designs/imgs/design-53-1.png);
}
.design-53 .color-picker.color-1 {
  background-image: url(designs/btns/btn-53-1.png);
}
.color-1 .design-53 {
  color: #c01818;
}
.design.design-53 .background > div {
  width: 52%;
  margin-left: -26%;
}
.design.design-53 .background .name {
  font-family: "Georgia";
  font-size: 25px;
  top: 18%;
  height: 38px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-53 .background .name {
    font-size: 20px;
    height: 28px;
  }
}
@media (max-width: 767px) {
  .design.design-53 .background .name {
    font-size: 17px;
    height: 23px;
  }
}
.design.design-53 .title {
  font-family: "Georgia";
  font-style: italic;
  font-size: 31px;
  font-weight: bold;
  line-height: 31px;
  top: 36%;
  height: 95px;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-53 .title {
    font-size: 23px;
    line-height: 29px;
    top: 38%;
    height: 60px;
    letter-spacing: 0em;
  }
}
@media (max-width: 767px) {
  .design.design-53 .title {
    font-size: 20px;
    line-height: 25px;
    height: 54px;
    top: 37%;
  }
}
.design.design-53 .description {
  top: 67.8%;
  height: 38px;
  font-family: "Georgia";
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 19px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-53 .description {
    top: 69.4%;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .design.design-53 .description {
    font-size: 12px;
    line-height: 14px;
    height: 18px;
  }
}
.design.design-53 .background .date {
  font-weight: bold;
  font-size: 18px;
  top: 78.6%;
  height: 24px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-53 .background .date {
    font-size: 14px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .design.design-53 .background .date {
    font-size: 12px;
    height: 18px;
  }
}
.design.design-53 .background .made {
  color: #008c38;
  font-weight: bold;
  font-size: 13px;
  top: 89%;
  height: 18px;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-53 .background .made {
    font-size: 10px;
    height: 30px;
    line-height: 15px;
    letter-spacing: 0.5px;
  }
}
@media (max-width: 767px) {
  .design.design-53 .background .made {
    font-size: 8px;
    height: 15px;
    line-height: 11px;
  }
}


/* Design ID: 54 */
.color-1 .design-54 .background {
  background-image: url(designs/imgs/design-54-1.png);
}
.design-54 .color-picker.color-1 {
  background-image: url(designs/btns/btn-54-1.png);
}
.color-1 .design-54 {
  color: #113c2a;
}
.design.design-54 .background > div {
  width: 52%;
  margin-left: -26%;
}
.design.design-54 .background .name {
  font-family: "Georgia";
  font-size: 25px;
  top: 15%;
  height: 38px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-54 .background .name {
    font-size: 20px;
    height: 28px;
    top: 15%;
  }
}
@media (max-width: 767px) {
  .design.design-54 .background .name {
    font-size: 17px;
    height: 23px;
    top: 15%;
  }
}
.design.design-54 .title {
  font-family: "Georgia";
  font-style: italic;
  font-size: 31px;
  font-weight: bold;
  line-height: 38px;
  top: 38%;
  height: 95px;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-54 .title {
    font-size: 23px;
    line-height: 29px;
    height: 60px;
    letter-spacing: 0em;
    top: 40%;
  }
}
@media (max-width: 767px) {
  .design.design-54 .title {
    font-size: 20px;
    line-height: 25px;
    height: 54px;
    top: 39.4%;
  }
}
.design.design-54 .description {
  top: 67.8%;
  height: 38px;
  font-family: "Georgia";
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 19px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-54 .description {
    top: 69.4%;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .design.design-54 .description {
    font-size: 12px;
    line-height: 14px;
    height: 18px;
  }
}
.design.design-54 .background .date {
  font-weight: bold;
  font-size: 18px;
  top: 78.6%;
  height: 24px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-54 .background .date {
    font-size: 14px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .design.design-54 .background .date {
    font-size: 12px;
    height: 18px;
  }
}
.design.design-54 .background .made {
  color: #96be20;
  font-weight: bold;
  font-size: 13px;
  top: 89%;
  height: 18px;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-54 .background .made {
    font-size: 10px;
    height: 30px;
    line-height: 15px;
    letter-spacing: 0.5px;
  }
}
@media (max-width: 767px) {
  .design.design-54 .background .made {
    font-size: 8px;
    height: 15px;
    line-height: 11px;
  }
}


/* Design ID: 55 */
.color-1 .design-55 .background {
  background-image: url(designs/imgs/design-55-1.png);
}
.design-55 .color-picker.color-1 {
  background-image: url(designs/btns/btn-55-1.png);
}
.color-1 .design-55 {
  color: #113c2a;
}
.design.design-55 .background > div {
  width: 52%;
  margin-left: -26%;
}
.design.design-55 .background .name {
  font-family: "Georgia";
  font-size: 25px;
  top: 18%;
  height: 38px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-55 .background .name {
    font-size: 20px;
    height: 28px;
  }
}
@media (max-width: 767px) {
  .design.design-55 .background .name {
    font-size: 17px;
    height: 23px;
  }
}
.design.design-55 .title {
  font-family: "Georgia";
  font-style: italic;
  font-size: 31px;
  font-weight: bold;
  line-height: 31px;
  top: 36%;
  height: 95px;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-55 .title {
    font-size: 23px;
    line-height: 29px;
    height: 60px;
    top: 39%;
    letter-spacing: 0em;
  }
}
@media (max-width: 767px) {
  .design.design-55 .title {
    font-size: 20px;
    line-height: 25px;
    height: 54px;
    top: 38%;
  }
}
.design.design-55 .description {
  top: 67.8%;
  height: 38px;
  font-family: "Georgia";
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 19px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-55 .description {
    top: 69.4%;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .design.design-55 .description {
    font-size: 12px;
    line-height: 14px;
    height: 18px;
  }
}
.design.design-55 .background .date {
  font-weight: bold;
  font-size: 18px;
  top: 78.6%;
  height: 24px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-55 .background .date {
    font-size: 14px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .design.design-55 .background .date {
    font-size: 12px;
    height: 18px;
  }
}
.design.design-55 .background .made {
  color: #028e39;
  font-weight: bold;
  font-size: 13px;
  top: 89%;
  height: 18px;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-55 .background .made {
    font-size: 10px;
    height: 30px;
    line-height: 15px;
    letter-spacing: 0.5px;
  }
}
@media (max-width: 767px) {
  .design.design-55 .background .made {
    font-size: 8px;
    height: 15px;
    line-height: 11px;
  }
}