@font-face {
  font-family: 'EmOne';
  src: url('emonevariable-webfont.woff2') format('woff2'),
       url('emonevariable-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

:root {
  --bd-violet-rgb: 112.520718,44.062154,249.437846;
  /* --q-yellow: #FFE259; */
  --q-yellow:  	255, 226, 89;
  --q-dark-blue: #143C88;
  --text-black: #292727;
  --q-white: #fafafa;
}

body {
  background-color: var(--q-white);
}
.bi {
  margin-right: 0.25rem;
}

/* .col, .row,
.col-sm-3, .col-8, .col-sm-6, .col-4, .col-sm-6, .col-sm-8, .col-sm-4, .col-sm, .col-sm, .col-sm, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .container-fluid, .d-flex, div
 {
  background-color: rgba(var(--bd-violet-rgb), 0.15);
  border: 1px solid rgba(var(--bd-violet-rgb), 0.3);
} */

/* .container {
    margin: 0 auto;
    padding: 0 2rem;
} */

p,
a,
h1,
h2,
h3,
h4,
h5,
h6,
label {
    font-family: "Em One", Verdana, Arial, Helvetica, sans-serif;
    color: var(--text-black);
}

a {
  color: var(--q-dark-blue);
}

a:hover{
  opacity: 70%;
}

p {
    font-size: 18px;
}

img {
    float: left;
    max-width: 320px;
    margin-right: 24px;

}

/* @media only screen and (max-width: 768px) {
    .container {
        width: 100%;
    }

    img {
        min-width: 200px;
        float: none;
        margin: 0.5rem auto;
    }
} */

/* Contact Form */
 /* Style inputs */
 #contact-form {
  background-color: var(--q-yellow);
  /* max-width: 640px; */
  /* padding: 2rem; */
 }