@import "https://fonts.googleapis.com/css?family=Raleway";
body {
  font-family: 'Raleway', sans-serif; }

.logo {
  margin-left: auto;
  margin-right: auto; }

#bio {
  padding-top: 15px; }

#nav {
  font-size: 200%; }
  #nav .item a {
    text-decoration: none; }
  #nav .item:hover {
    background: lightblue; }
  #nav .active {
    background: lightgray; }
  #nav .hero {
    max-width: 100%;
    padding-top: 10px;
    padding-bottom: 25px; }

h3 {
  color: darkblue; }

.mybutton {
  text-align: center;
  cursor: pointer;
  border-width: 4px;
  padding: 8px;
  border-style: double;
  margin-top: 10px;
  margin-bottom: 12px;
  font-size: 80%;
  box-shadow: 5px 5px 5px #4D6165; }

#main {
  font-size: 115%; }
  #main img {
    padding-top: 20px; }
  #main .buttons {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    display: table;
    height: 150px; }
    #main .buttons .button {
      border-width: 1px;
      border-style: solid;
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      height: 130px;
      padding: 20px; }
      #main .buttons .button:hover {
        background: lightblue;
        cursor: pointer; }
  #main ol {
    font-size: 125%;
    list-style-position: inside; }
    #main ol li {
      padding-top: 5px;
      padding-bottom: 5px; }
      #main ol li a {
        cursor: pointer; }
      #main ol li ul {
        font-size: 80%; }
        #main ol li ul li {
          padding: 0; }

.services {
  list-style: none; }
  .services li:before {
    font-family: 'FontAwesome';
    content: '\f111';
    margin: 0 5px 0 -15px;
    color: #0E0E47;
    font-size: 55%; }

.steps {
  display: none; }

footer {
  font-size: 90%;
  background: gray;
  color: white;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%; }
  footer h3 {
    font-size: 110%;
    color: white; }
  footer a {
    color: white; }
  footer ul {
    list-style: none; }

#myinfo {
  background: #C1D0E1; }
  #myinfo:hover {
    background: #A2A6B3; }

#submit {
  height: 60px;
  width: 200px;
  font-size: 150%;
  background: #6BE18D;
  border-color: #385C96; }
  #submit:hover {
    background: #7E9AF3; }

#close2 {
  height: 60px;
  width: 200px;
  font-size: 150%;
  background: #772424;
  border-color: #CA7777;
  color: white; }
  #close2:hover {
    background: #BA2424;
    border-color: #E6ADB2; }

#close {
  background: #772424;
  border-color: #CA7777;
  color: white; }
  #close:hover {
    background: #BA2424;
    border-color: #E6ADB2; }

#moreinfo {
  background: lightblue;
  border-color: #519FC0; }
  #moreinfo:hover {
    background: #2FADCB;
    color: white;
    border-color: #8FD1E8; }

.popup {
  width: 80%;
  position: fixed;
  left: 10%;
  top: 5%;
  padding: 10px;
  background: white;
  border-style: double;
  border-width: 6px;
  border-color: #427D90;
  display: none;
  box-shadow: 5px 5px 5px #4D6165;
  max-height: 90%;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 9999; }

.popup2 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  background: white;
  border-style: double;
  border-width: 6px;
  border-color: #427D90;
  box-shadow: 5px 5px 5px #4D6165;
  max-height: 90%;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 9999; }

#two {
  display: none; }

#three {
  display: none; }

#four {
  display: none; }

#five {
  display: none; }

#contact {
  display: block; }

.textarea {
  line-height: 20px;
  height: 140px; }

.officepics {
  height: 50%;
  width: 100%;
  margin-bottom: 20px; }

.smaller-pic {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: block; }

.contactinfo {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center; }
  .contactinfo i {
    font-size: 400%;
    cursor: pointer; }

/*# sourceMappingURL=parnell.css.map */