html,body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-family: Cambria, "Times New Roman", Times, serif;
}

@font-face {
    font-family: "Century Gothic";
    src: url("fonts/GOTHIC.ttf") format("truetype");
}

@font-face {
    font-family: "Century Gothic";
    src: url("fonts/GOTHICB.ttf") format("truetype");
    font-weight: bold;
}

@font-face {
    font-family: "Century Gothic";
    src: url("fonts/GOTHICI.ttf") format("truetype");
    font-style: italic;
}

@font-face {
    font-family: "Century Gothic";
    src: url("fonts/GOTHICBI.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
}

#wrapper {
    position: relative;
    min-height: 100%;
}

@media screen and (min-width: 645px) {
    #wrapper { padding-bottom: 72px; }
}

@media screen and (max-width: 645px) {
    #wrapper { padding-bottom: 150px; }
}

.about {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

#about-index {
    background-color: #efefef;
}

#about-field {
    background-color: #ecf1fe;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Century Gothic", Helvetica, Arial, sans-serif;
}

@media (max-width: 380px) {
  .col-xxs-12 {
    width: 100% !important;
  }
}

.w-100 {
    width: 100%;
}

h2, h3, h4, h5, h6 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #486afc;
}

.center-buttons {
    text-align: center;
}

.center-buttons a.btn {
    position: relative;
    margin: 15px;
}

.main-button {
    background-color: #486afc;
    color: white;
    font-weight: bold;
    padding: 10px 20px;
    font-family: "Century Gothic", Helvetica, Arial, sans-serif;
}

.main-button:hover {
    color: #ffce40;
}

.main-outline-button {
    font-weight: bold;
    padding: 5px 10px;
    font-family: "Century Gothic", Helvetica, Arial, sans-serif;
    background-color: Transparent;
    border: 3px solid #0000ff;
    color: #0000ff;
}

.main-outline-button:hover {
    color: #0000ff;
    border: 3px solid #ffce40;
}

.btn {
    white-space: normal !important;
    overflow-wrap: break-word;
}

.no-bottom-margin {
    margin-bottom: 0px !important;
}

.orgs {
   font-family: Cambria, "Times New Roman", Times, serif;
   margin-bottom: 5px;
   color: #a09f9e;
}

.orgs a {
   color: #a09f9e;
}

.orgs a:hover {
   text-decoration:none;
   color: #6e6c6b;
}

.blue {
    background-color: #ecf1fe;
}

.gray {
    background-color: #efefef;
}

.fontsize-90 {
    font-size: 90%;
}