@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');
@font-face {
    font-family: 'HelveticaLight';
    src: url('../fonts/Helvetica-Light.eot');
    src: local('../fonts/Helvetica-Light'),
        url('../fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Light.woff2') format('woff2'),
        url('../fonts/Helvetica-Light.woff') format('woff'),
        url('../fonts/Helvetica-Light.ttf') format('truetype'),
        url('../fonts/Helvetica-Light.svg#Helvetica-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

*{margin:0;padding:0;}
body,html{width:100%;height:100%;display:table; box-sizing:border-box;}
html{-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
body{ display:table-cell; vertical-align:middle; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:600; text-align:center;}
.left{float:left}
.right{float:right;}
.clear{clear:both;}
#wrapper{background-color:#ffffff; padding:20px; height:100vh; box-sizing:border-box;}
#wrapper .InrStrctr{ border:1px solid #0b3b6b; width:100%; height:100%; position:relative;}
.logo{ height:auto; margin:auto; width:100%; max-width:537px;margin-bottom: 25px;}
.logo img{ width:100%; height:auto;}
#wrapper .content{padding:0; margin:0.8% 0;}
#wrapper .content h1{font-size:3.4375em; line-height:60px; letter-spacing:normal; font-family: 'HelveticaLight'; font-weight:300; color:#225594; margin-bottom:4.5%;}
#wrapper .content p{font-size:1.250em; color:#333333; letter-spacing:normal;}
#wrapper .content p a.email{outline:none; color:#333333; text-decoration:none;position: relative;}
#wrapper .content p a.email:after {
  border-radius: 1em;
  border-top: .1em solid #216ba9;
  content: "";
  position: absolute;
    right: 100%;
    bottom: .14em;
    left: 0;
  transition: right .4s cubic-bezier(0,.5,0,1);
}
#wrapper .content p a.email:hover:after {
  right: 0;
}
#wrapper .content p a.tel{outline:none; color:#333333; text-decoration:none;}
#wrapper .content p a.tel:hover{color:#225594; text-decoration:none; transition:.4s cubic-bezier(0,.5,0,1);}
#wrapper .content p a:hover{color:#225594; transition: right .4s cubic-bezier(0,.5,0,1);}
#wrapper .content p img{ vertical-align:middle; margin:-2px 10px 0 0; width:100%; max-width:45px;}
#wrapper .content p img.MrgnLft45{margin-left:45px; }
#wrapper .footer{ position:absolute; width:94%; bottom:0; padding:42px 0 30px; left:0; right:0; margin:0 auto; font-size:1em; line-height:35px; color:#333333; box-sizing:border-box; background-image:url(../images/brdr-bg.png); background-position:top center; background-repeat:no-repeat;}
.show{display:none;}
/*#wrapper .footer:after{content:url(../images/brdr-bg.jpg); position:absolute; top:-18px; left:0; right:0; margin:0 auto;}*/

.centered{position:absolute;width:100%;left:0;right:0;top:45%;transform:translate(0%,-50%);}

@media screen and (max-width:1366px) {
.logo {max-width: 350px;}
#wrapper .content h1 {font-size: 3.250em;}
}

@media screen and (max-width:1280px) {
body{font-size:15px;}
.centered{top: 42%;}
#wrapper .content h1{line-height:55px; margin-bottom:4%;}
}

@media screen and (max-width:1024px) {
body{font-size:14px;}
.logo {max-width: 300px;}
#wrapper .content h1{font-size:3em; margin-bottom:3.5%; padding:0 1.5%;}
#wrapper .content p img {max-width: 40px;}
#wrapper .footer {padding: 30px 0 25px;}
.hide{display:none;}
}

@media (max-width:800px) {
body{font-size:13px;}
#wrapper .content h1{padding:0 5%;}
#wrapper .footer {padding: 25px 0 20px;line-height: 25px;font-size: 0.9em;}
}

@media (max-width:768px) {
.centered {top: 45%;}
.logo {max-width: 250px;}
#wrapper .content h1{font-size: 3.5em; padding:0 9%;}
#wrapper .footer:after{top:-12px;}
#wrapper .content p img {max-width: 35px;}
}

@media (max-width:600px) {
body{font-size:12px;}
#wrapper .content h1{padding:0 8%;font-size: 3em;line-height: 50px;}
#wrapper .footer {padding: 20px 0 15px;line-height: 18px;font-size: 1em;}
#wrapper .content p img.MrgnLft45 {margin-left: 35px;}
.show{display:block;}
}

@media (max-width:568px) {
#wrapper .content p img.MrgnLft45 {margin-left: 0;}
#wrapper .content p span{display:block; margin:20px 0;}
}

@media (max-width:480px) {
#wrapper .content h1{font-size: 2.650em;padding: 0 10%;}
#wrapper .footer{font-size: 0.9em;}
}

@media (max-width:414px) {
#wrapper .content h1{font-size: 2.5em;padding: 0 5%;}
}

@media (max-width:384px) {
.logo {max-width: 175px;}
#wrapper .content h1 {font-size: 2em;line-height: 35px;}
/*#wrapper .content p {font-size: 1em;}*/
#wrapper .content p img {max-width: 20px;margin: -2px 6px 0 0;}
#wrapper .footer{font-size: 0.848em;}
}

@media (max-width:360px) {
.logo {max-width: 150px;}
#wrapper .content h1 {font-size: 1.850em;}
#wrapper .footer {font-size: 0.8em;}
}

@media (max-width:320px) {
#wrapper .content h1 {font-size: 1.650em;line-height: 25px;}
#wrapper .content p {font-size: 0.850em;}
#wrapper .content p img { max-width: 18px;}
#wrapper .content p img.MrgnLft45 {margin-left: 10px;}
#wrapper .footer {font-size: 0.7em;}
}


