#link-agencies {
 color: #8a3a6d !important;
 font-weight: bold;
}

p#link-agencies {
 font-size: 30px !important;
 line-height: 1.2em;
 padding: 10px;
}

.hero {
 width: 100%;
 height: 100vh;
 position: relative;
 display: flex;
  justify-content: center;
  align-items: center;
 text-align: center;

/* Background styles */
    background-image: url(/sites/default/files/tfc-hero.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

h1#hero-title {
  font-size: 8vw;
  margin: auto;
  font-family: 'Billy Ohio Dua';
 color: white;
 text-shadow: 2px 2px 3px rgba(6,32,92,0.5);
 font-weight: normal;
 position: relative;
}


@media screen and (max-width: 575px) {
     .hero {
         background-image: url(/sites/default/files/hero-caption.PNG);
         background-size: contain;
         background-attachment: local, scroll;
         max-height: 300px;
     }
     h1#hero-title {
        display: none;
     }
}


/*---Therapeutic Foster Care webform styling---*/

#node-20324 form {
     max-width:700px;
    margin: 50px auto;
}


#node-20324 .title {
display:none !important;
}

#node-20324 .panel-heading {
background-color: #8a3a6d;
text-align: center;
}


#node-20324 .panel-body{
    background-color: transparent !important;
    border: none !important;
    text-align: left;
    max-width: 800px;
    margin: auto;
}

#node-20324 .panel{
    margin-bottom: 0px;
    border-right: none !important;
    border-left: none !important;
    border-bottom: none !important;
    background: transparent !important;
    border: none !important;
}


#node-20324 .form-actions {
display:flex;
}

#node-20324 .form-actions .webform-submit {
      margin:auto;
      border-radius: 5px;
}


/* rounds the edges of text box */
#zone-content .form-control {
    border-radius: 10px !important;
}