/*! normalize.css v1.0.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dd,dl,menu,ol,ul{margin:0}menu,ol,ul{padding:0}nav ol,nav ul{list-style:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
@keyframes zoom-cover {
	0% {
		opacity:0;
	}
	to {
		opacity:1;
	}
}

html {
	scroll-behavior: smooth;
}
body {
	min-height:100%;
	font-family: "Montserrat", system-ui;
	font-optical-sizing: auto;
	background-color:#333;
	color:#fff;
	display:flex;
	align-content:stretch;
	font-size:18px;

	background-color:rgba(0,0,0,0.2);
	background-image:url('/cover.jpg');
	background-size:cover;
	background-attachment:fixed;
	background-position:center center;
	box-shadow:inset 0 0 40px rgba(0,0,0,0.7);
	opacity:1;
}
@media screen and (min-width: 1640px) {
	body {
		font-size:20px;
	}
}
@media screen and (min-width: 741px) {
	.content {
		flex:1;
		padding:2em 0;
	}
	.cover {
		flex:1;
	}
	.content section {
		padding:0 2em;
	}
}
@media screen and (max-width: 740px) {
	body {
	font-size:15px;
	}
	.content {
		flex:5;
		padding:2em 1em;
	}
	.cover {
		flex:1;
	}
	.footer span {
		display:block !important;
		opacity:0 !important;
	}
}
@media screen and (max-width: 360px) {
	body {
	font-size:14px;
	}
	.cover {
		min-width:20px;
		flex-basis:10%;
	}
}
.logo {
	max-width:400px;
	width:75%;
	margin:2em auto;
	display:block;
}
.page {
	min-height:100%;
	display:flex;
	max-width:800px;
width:95%;
	box-shadow:0 0 3em #000;
	margin:0 auto;
	background-color:rgba(0,0,0,0.3);
	text-shadow:0 0.1em 0.3em rgba(0,0,0,0.5);
	/*background-image:url(/bg.png);*/
	background-size:cover;
}
.page h1 {
	font-family: Montserrat, serif;
	font-optical-sizing: auto;
	padding:1em 0;
	position:relative;
}
.page h1:after {
	display:block;
	content:" ";
	position:absolute;
	left:30%;
	right:30%;
	bottom:0;
	border-bottom:3px solid #fff;
}
.page iframe {
	 width: 100%;
	 max-width: 600px;
	 height: 450px;

margin:1em auto;
border-radius:1em;
}
.menu {
	margin-bottom:2em;
}
.menu a {
  display: inline-block;
  padding: 14px 32px;
  background: linear-gradient(135deg, #c8102e 0%, #a00d26 100%);
  color: #fff;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 16px;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(200, 16, 46, 0.3);
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.menu a:hover {
  background: linear-gradient(135deg, #a00d26 0%, #c8102e 100%);
  box-shadow: 0 6px 20px rgba(200, 16, 46, 0.5);
  transform: translateY(-2px);
}

.menu a:active {
  transform: translateY(0);
  box-shadow: 0 2px 10px rgba(200, 16, 46, 0.4);
}
.cover {
}
.content {
	text-align:center;
	margin:0 auto;
	box-shadow:inset 0 0 150px rgba(0,0,0,0.5);

  --s: 140px; /* control the size*/
  --c1: #11171f;
  --c2: #080d15;
  
  --_g: 
     var(--c2) 6%  14%,var(--c1) 16% 24%,var(--c2) 26% 34%,var(--c1) 36% 44%,
     var(--c2) 46% 54%,var(--c1) 56% 64%,var(--c2) 66% 74%,var(--c1) 76% 84%,var(--c2) 86% 94%;
  background:
    radial-gradient(100% 100% at 100% 0,var(--c1) 4%,var(--_g),#0008 96%,#0000),
    radial-gradient(100% 100% at 0 100%,#0000, #0008 4%,var(--_g),var(--c1) 96%)
    var(--c1);
  background-size: var(--s) var(--s);
}
.content section {
	max-width:500px;
	margin:0 auto;
}
.content p a {
	color:orange;
}
.profile {
	position:relative;
	max-width:150px;
	width:45%;
	margin:2em auto;
}
.profile img {
	max-width:150px;
	width:100%;
	border-radius:50%;
	border:3px solid #fff;
	box-shadow:0.2em 0.2em 1em rgba(0,0,0,0.3);
	box-sizing:border-box;
	display:block;
}
.profile:after {
	display:block;
	position:absolute;
	content:" ";
	border-radius:50%;
	z-index:2;
	left:2px;
	right:2px;
	bottom:2px;
	top:2px;
	box-shadow:inset 0 0 0.5em rgba(0,0,0,0.6);
}
.phone {
	position:fixed;
	left:0;
	z-index:99999099;
	right:0;
	bottom:0;
}
.phone a {
	background-color:rgba(25,25,35,0.6);
	position:relative;
	  backdrop-filter: blur(8px);
	  display:block;
	  max-width:300px;
	padding:0.6em 0.8em;
	border-radius:0.5em;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	margin:1em auto;
}
.phone a span {
	font-size:1.6em;
	color:#fff !important;
}
.social-toolbar {
	border-top:1px solid rgba(255,255,255,0.2);
	padding:1em 0;
	list-style:none;
	display:flex;
}
.social-toolbar li {
	flex:1;
}
.social-toolbar a {
	color:#fff;
	opacity:0.6;
	display:block;
	padding:1em 0.2em;
	text-decoration:none;
	font-size:1.5em;
}
.social-toolbar a:hover {
	opacity:1;
}

.menu-list {
	text-align:left;
	font-size:0.8em;
}
.menu-list h3 {
	color:#5b4;
}
.menu-list ul, .menu-list ol {
	margin:0;
	list-style:none;
}
.menu-list ul li, .menu-list ol li{
	display:block;
	padding:0.5em;
	border-top:1px dashed #eee;
}

.footer {
	font-size:12px;
	padding:1em;
	opacity:0.8;
}
.footer span {
	display:inline-block;
	opacity:0.2;
	margin:0 0.6em;
}