/*color scheme: #023047 dark blue, #219ebc blue green, #8ecae6 sky blue, #fb8500 ut orange, #ffb703 selective yellow*/

.wrapper {
    align-items: center;
    background-color: #023047;
    margin-left: 3%;
    margin-right: 3%;
    line-height: 1.5;
    overflow: hidden;
}

.w3-bar {
    padding-top: 2vw;
}

/*horizontal divider bar*/
.hr {
    border-color: #219ebc;
    width: 100%;
}

/*columns*/
.column {
  float: left;
}
/*3 columns*/
.col-3 {
    width: 33.33%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/*round dot images*/
img.e {
    border-radius: 50%;
    width: 7vw;
    height: 7vw;
}

/*fonts*/
.yeseva-one-regular {
  font-family: "Yeseva One", serif;
  font-weight: 400;
  font-style: normal;
}

.glass-antiqua-regular {
  font-family: "Glass Antiqua", cursive;
  font-weight: 400;
  font-style: normal;
}

.w3-card-4, .w3-card-2 {
    overflow: hidden;
}

body {
    color: #8ecae6;
    font-family: "Yeseva One";
    width: 100%;
    padding-bottom: 2vw;
}

p {
    line-height: 1.5;
    font-family: serif;
}

/*For Diff OS Users
html.os-mac body {}

html.os-windows body {}*/

/*navigation*/
a:link {
    color: #ffb703;
    text-decoration: none;
}

a:visited {
    color: #8ecae6;
    text-decoration: none;
}

a:hover {
    color: #fb8500;
    text-decoration: underline;
}

a:active {
    color: #219ebc;
    text-decoration: none;
}

/*no bullets for lists*/
.noBullet {
    list-style-type: none;
    padding-bottom: 2vw;
    font-size: smaller;
}

/*headers*/
h1, h2, h4 {
    font-family: "Glass Antiqua", serif;
    color: #8ecae6;
    font-weight: 400;
    font-style: normal;
}

h3, h5, h6 {
    font-family: "Yeseva One", cursive;
    color: #fb8500;
}

/*buttons*/
.btn-1 {
    background-color: #fb8500;
    color: #023047;
    font-family: "Yeseva One", serif;
    font-size: smaller;
    border-radius: 25px;
    border-color: #8ecae6;
}

.btn-2 {
    background-color: #8ecae6;
    color: #023047;
    font-family: "Yeseva One", serif;
    font-size: smaller;
    border-radius: 25px;
    border-color: #ffb703;
}

/*alignment tools*/
.headingLeft {
    text-align: left;
    width: 50%;
}

.headingRight {
    text-align: right;
    padding-right: 2vw;
}

.marginLeft {
    padding-left: 5%;
}

.marginRight {
    text-align: right;
    padding-right: 5%;
}

.a {
    text-align: center;
}

.card1 {
    padding-left: 15%;
    width: 85%;
}


/*form css template for later
.form {
    text-align: left;
    font-weight: bold;
    color: bisque;
    font-size: 2vw;
    padding-left: 3vw;
    padding-bottom: 4vw;
}*/

/*tables template for later
table {
    clear: both;
    font-size: 2vw;
}*/

/*Styles for screens*/
@media screen {
   body {
    font-size: 2vw;
    background-color: #023047;
   }
}

@media screen and (max-width: 600px) {
    body {
        font-size: 2.5vw;
        background-color: #023047;
    }
}

/* Styles for print only */
@media print {
  body {
    font-family: Georgia, serif;
    color: black;
    background-color: white;
  }
  .w3-bar {
    display: none;
  }
  .content {
    width: 100%; 
    margin: 1em;
  }
}

.footer {
    background-color: #023047;
    text-align: left;
    font-family: 'Times New Roman', Times, serif;
    font-size: 1.5vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    padding-left: 5%;
    padding-right: 5%;
}

.footerleft {
    text-align: right;
}