#utm-generator {
    width: 100%;
    margin: 0 auto;
}

.utm-options {
    margin-bottom: 25px;
	width:50%;
	float:left;
}

.utm-field {
    margin-bottom: 15px;
	width: calc(100% - 180px);
	float:left;
}

.utm-label-field {
    margin-bottom: 15px;
	width:180px;
	float:left;
	clear:both;
	padding-top:10px;
	font-weight:bold;
}

.utm-input {
    width: 100%;
    padding: 5px 8px;
    margin-top: 2px;
	border-radius:7px!important;
}

.utm-description {
    font-size: 1rem;
    color: #ffffff;
    margin-top: 3px;
}

.utm-results {
    margin-top: 0px;
	width: calc(100% - 180px);
	float:left;
}

.utm-results textarea{
	border-radius:7px!important;
}

.utm-output {
    width: 100%;
    height: 100px;
    padding: 8px;
    margin-top: 5px;
}

.utm-button {
    display: inline-block;
	padding:10px 20px;
    margin-top: 10px;
    background-color: #eef2ff;
    color: #4338ca;
    margin-right: 10px;
	border-radius:5px;
	font-weight:600;
}

/* MOBILE */
@media only screen and (max-width: 786px) {
.utm-field {
    margin-bottom: 15px;
	width: 100%;
	float:none;
}

.utm-label-field {
    margin-bottom: 5px;
	width:100%;
	float:none;
	clear:both;
	padding-top:10px;
}
.utm-results {
    margin-top: 0px;
	width: 100%;
	float:none;
}
.utm-options {
    margin-bottom: 15px;
	width:100%;
	float:none;
}
}