body                 {background-color:#004989;}
header               {background-image:url("../img/bck_img-sky.png"); background-repeat:repeat-x;}
h1                   {color:#ffffff; font-family:"Sedan", serif; font-weight:400; font-style:normal;}
h2                   {font-family:"Sedan", serif; font-weight:600; font-style:normal;}
hr                   {color:#fffb11;}
.headerImage         {min-height:675px; padding-top:550px; background-image:url("../img/bck_img-main.jpg"); background-repeat:no-repeat; background-position:top center;}
footer               {margin:20px;}
.copyright           {color:#ffffff;}
.copyright a:active  {color:#fffb11; text-decoration:none;}
.copyright a:hover   {color:#11ffe3; text-decoration:none;}

/* Card Styles */
.card-sl             {background:#ffffff; border:#ffffff 5px solid; border-radius:8px; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); display:flex; flex-direction:column; height:100%;}
.card-image img      {width:100%; height:158px; object-fit:cover; border-radius:8px 8px 0 0;}
.card-heading        {font-size:17px; font-weight:bold; background:#fff; color:#0066ff; padding:10px 15px 1px 15px;}
.card-heading a      {color:inherit; text-decoration:none;}
.card-heading a:hover{color:#1F487E; text-decoration:underline;}
.card-sub-heading    {font-size:14px; font-weight:bold; background:#fff; color:#333333; padding:1px 5px 2px 15px; margin:0;}
.card-text           {padding:10px 15px; background:#fff; font-size:14px; color:#636262;}
.card-button         {display:flex; justify-content:center; align-items:center; padding:10px 18px; margin:auto 15px 15px; background-color:#1F487E; color:#fff; border-radius:999px; text-decoration:none; font-weight:600; box-shadow:0 2px 4px rgba(0, 0, 0, 0.2); transition:transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;}
.card-button::after  {content:""; display:inline-block; width:6px; height:6px; margin-left:8px; border:solid currentColor; border-width:0 2px 2px 0; transform:rotate(-45deg);}
.card-button:hover   {text-decoration:none; background-color:#1D3461; color:#fff; transform:translateY(-2px); box-shadow:0 4px 8px rgba(0, 0, 0, 0.25);}
.card-button:active  {transform:translateY(0); box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);}