@charset "UTF-8";
body{font-family: Helvetica, sans-serif; margin:0; padding:0;}

/*.logo { width:100%; margin:0; text-align:left;}*/
#logo {
  max-width:40%;
  display:block;
  margin:0;
  padding-top:5px;
  box-sizing:border-box;
  
}

nav{
 width: 100%;
 height: 70px;
 position: relative;
 background: #FFF;
  
}
.drawer{
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: space-between;
 position: relative;
 height: 70px;
 padding: 0 1em;
}
.logo {max-width:40%;
  display:block;
  margin:0;
  padding-top:5px;
  box-sizing:border-box;}
.main{width:100%; max-width:1200px; margin:auto;}
.gold-frames{float:right; width:50%; text-align:center; list-style:none; }
.menu{float:left; width:50%; text-align:center; list-style:none; }
.title{font-size:260%; font-weight:bold; padding-top:130px; line-height: 130%;}
.yellow{color:#FC0;}
.menu-text{ font-size:18px; font-weight:300; line-height:34px;}
.menu-text a{text-decoration:none; color:#000000;}
.menu-text a:hover{ text-decoration:underline;}


@media screen and (max-width: 480px) {
	.logo { width:100%; margin:0; text-align:center;}
	.logo img{ width:80%;}
	.gold-frames{float:none; width:100%; text-align:center; list-style:none; margin-left:-10px;}
	.gold-frames img{text-align:center; width:80%;}
.menu{float:none; width:100%; text-align:center; list-style:none; margin-left:-10px; }
.title{font-size:30px; line-height:36px; padding-top:25px; }
.menu-text{ font-size:18px; font-weight:300; margin-left:-10px;}
}

@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-ThinItalic.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-ThinItalic.woff) format("woff");
 font-display: swap;
 font-style: italic;
 font-weight: 100;
}

@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-BoldItalic.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-BoldItalic.woff) format("woff");
 font-display: swap;
 font-style: italic;
 font-weight: 700;
}

@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-BlackItalic.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-BlackItalic.woff) format("woff");
 font-display: swap;
 font-style: italic;
 font-weight: 900;
}

@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Thin.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Thin.woff) format("woff");
 font-display: swap;
 font-style: normal;
 font-weight: 100;
}

@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Black.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Black.woff) format("woff");
 font-display: swap;
 font-style: normal;
 font-weight: 900;
}

@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Medium.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Medium.woff) format("woff");
 font-display: swap;
 font-style: normal;
 font-weight: 500;
}

@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Bold.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Bold.woff) format("woff");
 font-display: swap;
 font-style: normal;
 font-weight: 700;
}

@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Book.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Book.woff) format("woff");
 font-display: swap;
 font-style: normal;
 font-weight: 400;
}

@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-LightItalic.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-LightItalic.woff) format("woff");
 font-display: swap;
 font-style: italic;
 font-weight: 300;
}

@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-BookItalic.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-BookItalic.woff) format("woff");
 font-display: swap;
 font-style: italic;
 font-weight: 400;
}

@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-MediumItalic.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-MediumItalic.woff) format("woff");
 font-display: swap;
 font-style: italic;
 font-weight: 500;
}

@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Italic.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Italic.woff) format("woff");
 font-display: swap;
 font-style: italic;
 font-weight: 400;
}