@font-face {
  font-family: btfrobotobold;
  src: url(font/Roboto-Bold.ttf);
}

@font-face {
  font-family: btfrobotoregular;
  src: url(font/Roboto-Regular.ttf);
}

* {
   margin: 0px;
   padding: 0px;
}
html, body { height:100%; margin:0px; padding:0px; }
body { background-color:#004a91; margin: 0 !important; padding: 0 !important; overflow: initial;  height: initial; }
div { font-family:btfrobotobold, Arial; }
ul { list-style-position:outside; }
ul li { margin-top:10px; margin-left:20px; }
a { text-decoration:none; }

h3 { margin-top:20px; margin-bottom:10px; }

#wrap { margin:0px; width:100%; display:block; height:100%; }
#header { min-height:50px; display:flex; }
.head-logo { position:absolute; left:15px; top:15px; height:20px; width:60px; background-image:url(images/lnc.png); display:block; text-indent:-9999px; background-size:contain; background-repeat:no-repeat; }
.exhib-title { text-align:center; max-width:calc(100% - 30px); color:#fff; margin-left:auto; margin-right:auto; display:block; padding-top:63px; padding-bottom:15px; }
.btf-logo { position:absolute; right:15px; height:30px; width:90px; background-image:url(images/btf.png); display:block; top:21px; text-indent:-9999px; background-size:contain; background-repeat:no-repeat; }

#main { background:#fff; text-align:center; padding-bottom:30px; }
.logo { margin-left:auto; margin-right:auto; display:block; max-width:300px; width:200px; height:200px; aspect-ratio: 1 / 1; text-indent:-9999px; background-size:contain; margin-top:10px; margin-bottom:10px; background-repeat:no-repeat; background-position: center center; }
.main-title { margin-bottom:20px; margin-top:0px; width:100%; min-width:280px; max-width:670px; background-color:#004a91; color:#fff; margin-left:auto; margin-right:auto; }
.main-title h1 { margin-top:0px; margin-bottom:0px; font-size:2.4em; text-align:center; padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:5px; word-break: break-word; }
.desc { margin-bottom:50px; width:85%; min-width:280px; max-width:670px; margin-left:auto; margin-right:auto; font-family: btfrobotoregular; text-align:justify; color:#555; }
.flyer { margin-bottom:20px; display:block; background-color:#d9e4ef; color:#004a91; text-decoration:none; font-family: btfrobotobold; padding:15px 20px; margin-bottom:10px; border-radius:10px; min-height:30px; line-height:30px; font-weight:bold; background-image:url(images/pdf.png); background-repeat:no-repeat; background-position:15px center; background-size: 30px; padding-left:60px; font-weight:bold; font-style:italic; text-align:left; font-size:1.2em; }
.noicon { background-image:none; padding-left:20px; border:0px; }

#footer { width:100%; min-height:500px; text-align:center; padding-top:20px; color:#fff; }
#footer h2 { font-weight:normal; font-family: btfrobotoregular; font-size:15px; padding-bottom:10px; }
.exhiburl { margin-top:50px; clear:both; }
.exhibcontacturl { margin-top:20px; clear:both; }
.contact { display:inline-block; color:#fff; text-decoration:none; margin-bottom:8px; }
.clink { background-repeat:no-repeat; background-position:5px center; background-size: 21px; padding-left:32px; display:inline-block; }
.mail { background-image:url(images/mail.png); }
.url { background-image:url(images/url.png); }
.phone { background-image:url(images/phone.png); }

@media screen and (min-width:450px) {
	.exhib-title { text-align:center; max-width:calc(100% - 260px); color:#fff; margin-left:auto; margin-right:auto; display:block; padding-top:15px; padding-bottom:15px; }
}