/*your custom style goes in this file*/
/*if you're overriding style blocks from genstyle.css, you only need to include the attributes you're overriding, not the whole block*/

/* Import Great Vibes font and increase h3-h5 fonts 2px */
@import url(https://fonts.googleapis.com/css?family=Great+Vibes);

/* ======== HEADINGS ======== */
h3 {font-family: 28px "Great Vibes", Verdana, Helvetica, sans-serif !important;}
h4 {font-family: 26px "Great Vibes", Verdana, Helvetica, sans-serif !important;}
h5 {font-family: 24px "Great Vibes", Verdana, Helvetica, sans-serif !important;}
h3,h4,h5 {font-weight: 500 !important;}

/* ======= ADDED TO USE GWT HISTORIES PAGE ======= */
Histories css coding
/* ================== IMAGE CODING ================= */
.img-curved {background: #ffffff; border: 1px #92575d solid; padding: 3px;border-radius: 10px; margin: 2px 5px 5px 0; box-shadow: 0 10px 15px -9px rgba(0, 0, 0, 0.5); max-width: 100%;}
.img-left {margin: 10px 10px 10px 0; float: left;}
.img-right{margin: 10px 0 10px 10px; float: right;}

/* ================== CONTENT BOX CODING ================= */
.contentBox3a {float: left; width: 31.33333%; padding: 0; margin: 0 0 5px 0;}
.contentBox3b {float: left; width: 31.33333%; padding: 0; margin: 0 1% 5px 1%;}
.contentBox3c {float: left; width: 31.33333%; padding: 0; margin: 0 0 5px 0;}
.sidebarLeft {float: left; width: 31.3333%; padding: 0; margin: 0 1% 0 1%;}
.contentRight {float: right; width: 64.666%; padding: 0; margin: 0 1% 0 1%;}

/* ================== MEDIA QUERIES ================= */
@media screen and (max-width: 320px) {
.contentBox3a, .contentBox3b, .contentBox3c, .sidebarLeft, .contentRight {width: 98%; margin: 0 1% 20px 1%; padding: 0; float: none;}

@media screen and (min-width: 321px) and (max-width: 480px) {
.contentBox3a, .contentBox3b, .contentBox3c, .sidebarLeft, .contentRight {width: 98%; padding: 0; margin: 0 auto 20px auto; float: none; max-width: 450px;}

@media screen and (min-width: 481px) and (max-width: 623px) {
.contentBox3a, .contentBox3b, .contentBox3c, .sidebarLeft, .contentRight {width: 98%; padding: 0; margin: 20px auto; float: none; max-width: 450px;}

@media screen and (min-width: 624px) and (max-width: 669px) {
.contentBox3a, .contentBox3b, .contentBox3c {width: 450px; padding: 0; margin: 0 auto 20px auto; float: none;}
.sidebarLeft {width: 450px; padding: 0; margin: 0 auto 20px auto; float: none;}
.contentRight {width: 98%; margin: 1%; padding: 0;}

@media screen and (min-width: 670px) and (max-width: 768px) {
.contentBox3a, .contentBox3b, .contentBox3c {width: 450px; padding: 0; margin: 0 auto 20px auto; float: none;}
.sidebarLeft {width: 450px; padding: 0; margin: 0 auto 20px auto; float: none;}
.contentRight {width: 98%; margin: 1%; padding: 0;}

@media screen and (min-width: 769px) and (max-width: 800px) {
.contentBox3a, .contentBox3b, .contentBox3c {width: 450px; padding: 0; margin: 0 auto 20px auto; float: none;}
.sidebarLeft {width: 450px; padding: 0; margin: 0 auto 20px auto; float: none;}
.contentRight {width: 98%; margin: 1%; padding: 0;}

/* ========LYNDA'S ADDITIONS ======== */
div.forme {color:crimson; font-style: italic;}