@import url('https://fonts.googleapis.com/css?family=Raleway|Beau+Rivage|Baskervville+SC|Qwitcher+Grypen');
@import url('https://fonts.cdnfonts.com/css/athena');

.contemporary {font-family: 'Raleway', sans-serif;}
.script {font-family: 'Beau Rivage', cursive;}
.classic {font-family: 'Baskervville SC', serif;}
.signature {font-family: 'Qwitcher Grypen', cursive;}
.athena {font-family:  'Athena', sans-serif;}

.uppercase-text {text-transform: uppercase;}
.lowercase-text {text-transform: lowercase;}
.capitalize-text {text-transform: capitalize;}

body {font-family: 'Raleway', sans-serif;}
.wrapper {padding: 10px;}
.fontsSelectBox-button {margin-top: 10px; }
select {width: 200px;}
fieldset {
	border: 0;
}
label {
	display: block;
	margin: 10px 0 0 0;
}

input {
  font-family: 'Raleway', sans-serif;
  padding: 0;
  font-size: 24px;
  border: 0;
  width: 100%;
}

.fontForm {
	max-width: 500px;
  margin: auto;
}

.checkbox-label {
	display: inline-block;
	
}
	
.grid {
  margin: -10px;
  padding: 0;
  letter-spacing: -0.286em;
  position: relative;	
}

.grid-cell {
  display: inline-block;
  padding: 10px;
  margin: 0;
  list-style: none;
  vertical-align: top;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: 0;
  direction: ltr;
}

.size1of1 {
	width: 100%;
}

.size1of2 {
	width: 50%;
}

.font-size-16 {font-size: 16px;}
.font-size-20 {font-size: 20px;}
.font-size-40 {font-size: 40px;}
.font-size-72 {font-size: 72px;}
.font-size-96 {font-size: 96px;}

.preview-box {
  border-radius: 15px;
  border: 1px solid #888;
  padding: 20px;
  height: 108px;
  background-color: #cccccc;
}

.preview {
  margin: 1em 2em 2em 2em;
}

.text-center {
  text-align: center;
}

input {
  text-align: center;
  font-size: 2em;
  padding: 1em;
  border:none;
}

input::placeholder {
  font-size: 1.2em;
}


@media screen and (max-width: 600px) {
  .font-size-16 {font-size: 8px;}
  .font-size-20 {font-size: 10px;}
  .font-size-40 {font-size: 20px;}
  .font-size-72 {font-size: 36px;}
  .font-size-96 {font-size: 48px;}
}