/* #Global CSS ======================================= */

@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap');

body { font-family: "heebo", arial, sans-serif; margin:0; font-size:16px; line-height:1.5; font-weight:400; color: #333333; background-color: #fff;text-align: left; }

/* #MARGINS #PADDINGS ======================================= */

.m-0 { margin:0 !important; }
.mt-0 { margin-top:0 !important; }
.mr-0 { margin-right:0 !important; }
.mb-0 { margin-bottom:0 !important; }
.ml-0 { margin-left:0px !important; }
.mb-20 { margin-bottom:20px !important; }
.mlr-min-30 { margin-left: -30px !important; margin-right: -30px !important; }

.p-0 { padding:0 !important; }
.pt-0 { padding-top:0 !important; }
.pr-0 { padding-right:0 !important; }
.pb-0 { padding-bottom:0px !important; }
.pl-0 { padding-left:0 !important; }
.plr-0 { padding-left:0 !important; padding-right:0 !important; }

/*  #CLEARFIX ================================================== */

.clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }

/*  #LINK COLOR ============================================= */

a { color:#008854; outline: none !important; text-decoration:none; border-bottom: dotted 1px; transition: all .3s ease 0s, border-bottom-color .3s ease 0s;  }
a:hover { color:#008854; cursor:pointer;text-decoration:none; transition: all .3s ease 0s;border-bottom-color:transparent;  }
a:active { color:#384a96; }
a:focus:not(:hover):not(:active), button:focus:not(:hover):not(:active) { outline: 3px solid #ffc848!important;outline-offset:0; }

/*  #HEADINGS ============================================= */

h1, h2, h3, h4, h5, h6 { font-family:"Heebo", sans-serif; font-weight:normal; color:#003366; letter-spacing:0;line-height:35px;margin:30px 0 30px 0; }
h1 { font-family:"Heebo", sans-serif; font-size: 36px; text-transform:uppercase; margin-top:0; }
h2 { font-size: 28px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }


/*  #PARAGRAPH ============================================= */

p { font-weight: 300; line-height:1.8em; margin-bottom:25px; }


/* #IMAGES ===================================================== */

img.scale-with-grid { display:block; max-width: 100%; height: auto;  }
img, video { max-width: 100%; height: auto; }	


/* #CONTENT ====================================================== */

main#content { padding: 0; position: relative; z-index: 1; }

/* #HOMEPAGE ======================================================== */

.update { position: fixed; text-align: center; height: 100%; width: 100%; display: block; 
  background-repeat: no-repeat; background-position: center center; padding-top: 240px; overflow-y: auto; overflow-x: hidden; background: linear-gradient(50deg, #939393, #f7f7f7 100%);}
.update .container-fluid {padding:0;}
.update .logo { display:inline-block; margin-bottom:40px; }
.update h1 { font-size:30px;font-weight:900;color:#333;margin-top:0;line-height:50px; }

@media (max-width: 992px) {  .update {padding-top:120px;}  }
@media (max-width: 580px) {  .update {padding-top:160px;} .update .logo { width: 100px;height:100px;} .update h1 { font-size:20px; }