.container-morse {
	width: 1170px;
	margin: 0 auto;
	text-align:center;
}

/* ---------------------------------------------------------------------- */
/* Columns
/* ---------------------------------------------------------------------- */
.one-full, .one-half, .one-third, .one-fourth, .two-thirds, .three-fourths {
	display: inline;
	float: left;
    margin-right: 2%;
}

.one-half {
	width: 49%;	
	max-width: 552px;
}

.one-third {
	width: 32%;	
	max-width: 360px;
}

.one-fourth {
	width: 23.5%;	
	max-width: 264px;
}

.two-thirds {
	width: 66%;	
	max-width: 744px;	
}

.three-fourths {
	width: 74.5%;	
	max-width: 840px;	
}

.one-full {
	width: 96.4%;
	max-width: 1170px;
}

.column-last { 
	margin-right: 0 !important;
}

.morse-space {
	margin-top:20px;
	margin-bottom:20px;
	
}


@media only screen and (min-width: 960px) and (max-width: 1180px) {

	/* Container */ 
	
	.container-morse {
		width: 940px;	
	}
	
	.one-full {
	width: 100%;
	max-width: 1170px;
}
	
	
}



@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	/* Container */ 
	
	.container-morse {
		width: 748px;	
	}
	
	.one-full {
	width: 100%;
	max-width: 1170px;
}
	
	
}




@media only screen and (max-width: 767px) {
	
	/* Columns */
	
	.one-full, .one-half, .one-third, .one-fourth, .two-thirds, .three-fourths {
		float: none;
		display: block;
		margin-right: 0;
		width: 100%;
		max-width: none;
		margin-bottom: 20px;
	}
	
	/* Floats */
	
	.float-left, .float-right {
		float: none;	
	}
	
	.morse-space {
	margin-top:0px;
	margin-bottom:0px;
	
}
	
	
}




@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	/* Container */
	
	.container-morse {
		width: 420px;
	}
	
}




@media only screen and (max-width: 479px) {
	
	/* Container */
	
	.container-morse {
		width: 300px;	
	}


}
	  
.container-morse h1 {
  font-weight: 600;
}

.container-morse textarea {
  font-size: 20px;
  font-weight: 500;
  width:100%;
  text-align: center;
}

.container-morse textarea::placeholder {
  opacity: 0.5;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
cursor: pointer;
}

.container-morse [type="submit"] {
  background: #303030;
  color:white;
  text-align:center;
  width:100%;
  padding:10px;

}

.container-morse [type="reset"] {
  background: #303030;
  color:white;
  text-align:center;
  width:100%;
  padding:10px;

}

.container-morse [type="button"] {
  background: #303030;
  color:white;
  text-align:center;
  width:100%;
  padding:10px;

}

.container-morse .buttonmorse {
  background: #303030;
  color:white;
  text-align:center;
  width:100%;
  padding:10px;

}



@media only screen and (min-width: 1000px) {
  .container-morse .input-fields {
    margin-left: 200px;
    margin-right: 200px;
  }

  .container-morse .hgt-adjst {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}


.container-morse a {
  text-decoration: none;
  color: white;
}

.container-morse a:hover {
  text-decoration: none;
  color: white;
}