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

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


/*Navigation bar*/
.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 cards*/
.w3-card-4, .w3-card-2 {
    overflow: hidden;
}


/*Body/Paragraph text formatting*/
body {
    color: #8ecae6;
    font-family: "Yeseva One";
    width: 100%;
    padding-bottom: 2vw;
}

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


/*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-size: 4vw;
    font-weight: 400;
    font-style: normal;
}

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


/*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: 35%;
    width: 65%;
}


/*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*/
.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;
}