
body{
	background-color: #e9ecef;
}
.myjumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}

@media (min-width: 576px) {
  .myjumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-my {
  padding: 2rem 1rem;
  margin-bottom: 0rem;
  border-radius: 0rem;
	height: auto;
	background-color: #e9ecef;
}

      h1 {
        font-size: 210%;
      }
      h2 {
        font-size: 160%;
      }
      li,
      p {
        hyphens: auto;
      }
      .btn.scheh {
        font-family: Scheherazade, serif;
        font-size: x-large;
        width: 1.8em;
        line-height: 1em;
      }
      .table.ab-jad tr td,
      .table.ab-jad tr th {
        border-width: 0;
      }
      #back-btn {
        margin-bottom: 1em;
      }
      #go-btn {
        margin-right: 1em;
        margin-bottom: 1em;
      }
      #input_text {
        font-family: Scheherazade, serif;
        font-size: xx-large;
        text-align: center;
      }
      #reset-btn {
        margin-right: 1em;
        margin-bottom: 1em;
      }
      #result {
        font-size: large;
        word-wrap: break-word;
      }
      #space-btn {
        margin-right: 1em;
        margin-bottom: 1em;
      }
      #top-label {
        margin-bottom: 0.8em;
        hyphens: auto;
		  color: green;
      }
    footer {
	background-color: #6A9473;
	padding-top: 60px;
	padding-bottom: 60PX;
}
	  
.hero_header {
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	letter-spacing: 4px;
}
.button {
	width: 200px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	border: 3px solid #FFFFFF;
	color: #FFFFFF;
	transition: all 0.3s linear;
}
.button:hover {
	background-color: #6DC7D0;
	color: #FFFFFF;
	cursor: pointer;
}
.copyright {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: green;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
}