.meme-header h1 { font-size: 24px; color: white; margin-bottom: 10px; }
.meme-header .share { display: inline; float: right; padding-top: 5px; }
.meme-header .data:after { content: ""; display: block; clear: both; }
.meme-header .data { margin-top: 14px; font-size: 14px; }

#memeThumbs { display: flex; flex-wrap: wrap; /* justify-content: space-between; */ }
#memeThumbs a { border: 2px solid transparent; margin: 3px; -webkit-transition: all 0.2s; transition: all 0.2s; }
#memeThumbs a.active { border-color: #ee5627; }
#memeThumbs a.notactive { pointer-events: none; }
#memeThumbs a img { width: 142px; height: 94px; display: block; margin: 0; }
.memeNumber { font-family: impact, Arial; color: #111; font-size: 25px; background-color: #ee5627; border-radius: 50%; text-align: center; width: 30px; height: 30px; line-height: 30px; display: inline-block; margin-right: 5px; vertical-align: middle; }
#memeBuild { font-family: 'Fira Sans', Arial; display: block; margin: auto; background-color: #ee5627; color: #fff; text-transform: uppercase; padding: 18px 30px; border: 0px; font-size: 18px; }

.meme-header { background-color: #111; font-size: 20px; }

#svgContainer {
  position: relative; }

#svgContainer img {
  width: 100%; }

.sizing {
  background: #323232;
  width: 150px;
  height: 30px;
  margin: 0px auto;
  text-align: center;
  color: #eee;
  line-height: 30px;
  font-size: 14px;
  position: relative; }

#topSizing {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px; }

#bottomSizing {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-top: -7px; }

.sizing .minus { cursor: pointer; height: 22px; position: absolute; left: 10px; top: 4px; margin: 0 !important; }
.sizing .plus { cursor: pointer; height: 22px; position: absolute; right: 10px; top: 4px; margin: 0 !important; }

#topText, #bottomText {
  position: absolute;
  font-family: impact, Arial, sans-serif;
  font-size: 40px;
  width: 100%;
  overflow: visible;
  /*overflow-x: hidden; */
  background: none;
  text-align: center;
  border: none;
  text-transform: uppercase;
  color: white;
  line-height: 1;
  -webkit-text-fill-color: white;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
  margin: 15px 0;
  outline: none;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
#topText {
  top: 0px;
  left: 0px;
}
#bottomText {
  bottom: 10px;
  left: 0px;
}
#topText:focus, #bottomText:focus { 
	background: rgba(0,0,0,0.2);
}
#memeFinalImage {
  display: none;
  margin-top: 30px; 
}
#memeFinalImage img {
  margin-top: 7px;
  max-width: 100%;
  pointer-events: none;
}
#memeFinalImage a.memelink {
  display: inline-block;
}
#memeLoader {
	display: none;
	margin: 40px auto 10px auto;
	text-align: center;
}
#memeError {
	display: none;
	margin-top: 20px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #topText, #bottomText {
    text-shadow:
      -3px -3px 0 #000,
      -3px 3px 0 #000,
      -3px 0 0 #000,
      3px -3px 0 #000,
      3px 3px 0 #000,
      3px 0 0 #000,
      0 -3px 0 #000,
      0 3px 0 #000;
  }
  #svgContainer .svgImage { width: 645px; height: 430px; }
}


@media screen and (min-width: 1px) and (max-width: 420px) {
  .meme-header .share { float: none !important; }
}
