#c-f-arc {
    background: #FFF;
	max-width: 550px;
    font-family: Arial;
    font-size: 1.0em;
    font-weight: bold;
    padding: 10px;
	margin-top: 10px;
    margin: 0 auto;
}

#c-f-arc div {
	margin-bottom: 10px;
}

#c-f-arc div label {
	margin: 5px 0px 0px 5px;    
	color: #4169E1;
	font-weight: bold;
}

#c-f-arc img {
	width: 100%;
    margin: 0 auto;
}

.your-title {
    width: 100%;
	background: #C0C0C0;
	color: #4169E1;
	font-family: Courier New;
	font-size: 1.2em;
	font-weight: bold;
    text-align: center;
    margin-top: -10px;
}

.your-title .fas {
    color: #663399;
    font-size: 24px;
    margin-top: 5px;
    margin-bottom: -10px;
}

/* On DEMO Page, CHANGE To h-p-demo */
.h-p {
    display: none;
    visibility: hidden;
}

.c-f-header {
	max-width: 550px;
	height: 30px;
    font-family: Arial;
    font-size: 1.0em;
    font-weight: bold;
    text-align: center;
    background: #663399;
    color: #FFF;
    padding-top: 8px;
    margin: 0 auto;
}

.c-f-header .fas {
    color: #C0C0C0;
}

label .fas {
    color: #4169E1;
    padding-right: 2px;
}

.InputBox {
	padding: 5px;
	border: #663399 2px solid;
	border-radius: 4px;
	font-family: Arial;
	font-size: 1.0em;
	font-weight: bold;
	background: #FFF;
	color: #4169E1;
	width: 97.5%;
    margin-top: 5px;
}

input::placeholder {
  color: #4169E1;
  font-size: 1.0em;
  font-weight: bold;
  opacity: 1;
}

textarea::placeholder {
  color: #4169E1;
  font-size: 1.0em;
  font-weight: bold;
  opacity: 1;
}


#content {
    font-family: Arial;
	font-size: 1.0em;
	font-weight: bold;
	background: #FFF;
	color: #4169E1;
}

.error {
	background: #4169E1;
    padding: 53px;
	text-align: center;
	color: #FFF;
    border-radius: 4px;
    font-size: 1.0em;
    font-weight: bold;
}

.success {
	background: #4169E1;
	padding: 3px;
	text-align: center;
	color: #FFF;
    border-radius: 4px;
    font-size: 1.0em;
    font-weight: bold;
}

.info {
	font-size: 1.0em;
	font-weight: bold;
	color: #663399;
	letter-spacing: 2px;
	padding-left: 5px;
}

.btnAction {
    font-size: 1.0em;
    font-weight: bold;
	background: #C0C0C0;
	color: #4169E1;
	width: 100px;
    border: #663399 2px solid;
	border-radius: 4px;
}

.btnAction:hover {
    font-size: 1.0em;
    font-weight: bold;
	background: #C0C0C0;
	color: #663399;
	width: 100px;
    border: #4169E1 2px solid;
	border-radius: 4px;
}

.btnAction:focus {
	outline: none;
}

.center-buttons {
	display: flex;
    justify-content: center;
}

.column-right {
    
    margin-right: 10px;
}

.contact-row {
    display: inline-block;
    width: 31%;
}

#loader-icon {
    height: 100px;
    width: 100px;
    margin: 0 auto;
}

@media all and (max-width: 550px) {
    .contact-row {
        display: block;
        width: 98%;
}
    textarea {
        max-width: 96.5%;
}
}