/* normalize v3.0.3 */
html { font-family: 'Montserrat', sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; }
body { margin:0; color: black; background: white; }
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display:block; }
audio,canvas,progress,video { display:inline-block;vertical-align:baseline; }
audio:not([controls]) { display:none;height:0; }
[hidden],template { display:none; }
a { background-color:transparent; color: black; }
a:active,a:hover { outline:0; }
abbr[title] { border-bottom:1px dotted; }
b,strong { font-weight:bold; }
dfn { font-style:italic; }
h1 { font-size:48px; margin:0.33em 0; line-height: 1; }
p { margin: 0; }
mark { background:#ff0;color:#000; }
small { font-size:80%; }
sub,sup { font-size:75%;line-height:0;position:relative;vertical-align:baseline; }
sup { top:-.5em; }
sub { bottom:-.25em; }
img { border:0; }
svg:not(:root) { overflow:hidden; }
figure { margin:1em 40px; }
hr { box-sizing:content-box;height:0; }
pre { overflow:auto; }
code,kbd,pre,samp { font-family:monospace, monospace;font-size:1em; }
button,input,optgroup,select,textarea { color:inherit;font:inherit;margin:0; }
button { overflow:visible; }
button,select { text-transform:none; }
button,html input[type=button],/* 1 */ input[type=reset],input[type=submit] { -webkit-appearance:button;cursor:pointer; }
button[disabled],html input[disabled] { cursor:default; }
button::-moz-focus-inner,input::-moz-focus-inner { border:0;padding:0; }
input { line-height:normal; }
input[type=checkbox],input[type=radio] { box-sizing:border-box;padding:0; }
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { height:auto; }
input[type=search] { -webkit-appearance:textfield;box-sizing:content-box; }
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration { -webkit-appearance:none; }
fieldset { border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em; }
legend { border:0;padding:0; }
textarea { overflow:auto; }
optgroup { font-weight:bold; }
table { border-collapse:collapse;border-spacing:0; }
td,th { padding:0; }
/* end normalize*/

.wrap {
  text-align: center;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.logo {
  position: relative;
  display: inline-block;
  max-width: 400px;
  width: 100%;
  padding:0;
  vertical-align: middle;
}

.logo svg {
  display: block;
  width: 100%;
  height: 110%;
}

.logo img {
  width: 100%;
  height: auto;
}

.vcard {
  display: inline-block;
  margin: 0 1em;
  vertical-align: middle;
  font-size: 36px;
}

.title {
  margin: 0 0 1.66em 0;
}

.email {
  margin: 0 0 1.8em 0;
}

.notice {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 1em 0;
  margin: 0;
  text-align: center;
  background: black;
  color: white;
}

@media screen and (max-width: 767px) and (orientation: portrait) {
  .wrap {
    position: static;
    -webkit-transform: none;
    transform: none;
    margin: 4em 0 0 0;
  }

  h1 {
    font-size: 36px;
  }

  .vcard {
    font-size: 18px;
  }

  .logo {
    display: block;
    width: 50%;
    max-width: inherit;
    margin: 0 auto;
  }

  .notice {
    position: absolute;
  }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
  .wrap {
    position: static;
    -webkit-transform: none;
    transform: none;
    margin: 4em 0 0 0;
  }

  h1 {
    font-size: 36px;
  }

  .vcard {
    font-size: 18px;
  }

  .title, .email {
    margin-bottom: 1.2em;
  }


  .logo {
    width: 30%;
    max-width: inherit;
    margin: 0 auto;
  }

  .notice {
    position: absolute;
  }
}