@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
 * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      scroll-behavior: smooth;
    }

    body {
      font-family: "Montserrat", Arial, sans-serif;
      line-height: 1.6;
	  background:#eee;	
    }

h1{
	
	font-family: "Libre Bodoni", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
	font-size:3em;
	color:#990033;
}
h2{
	font-size:1em;
	color:#666;
	text-transform:uppercase;
}
h3{
	font-size:1em;
	color:#990033;
	font-family: "Libre Bodoni", serif;
	margin-top:10px;
}
    nav {
      color: white;
      padding: 45px 0 0 0;
      position: fixed;
      top: 0;
      width: 100%;
		height:160px;
      z-index: 1000;
		background-image:url("../Images/head_02.png"), url("../Images/head_01.png");
		background-repeat:no-repeat, repeat;
		 font-family: "Libre Bodoni", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
    }

    nav ul {
      display: flex;
      justify-content: center;
      list-style: none;
    }

    nav ul li {
      margin: 0 15px;
    }

    nav ul li a {
      color: white;
      text-decoration: none;
      font-weight: bold;
      padding: 8px 12px;
    }

    nav ul li a:hover {
      background: #555;
      border-radius: 4px;
    }

    section {
      min-height: 100vh;
      padding: 120px 20px 40px; /* top padding accounts for fixed nav */
      display: flex;
      align-items: center;
    }

    .container {
      max-width: 960px;
      margin: 0 auto;
      width: 100%;
    }
.keyvis_r, .floatr{
	float:right;
	margin-left:30px;
}
.image-container { position: relative; width: 795px; height: 525px; margin: 0 auto;}
        .base-image { width: 100%; height: 100%; }
        .overlay { position: absolute; display: none; width: 100%; height: 100%; top: 0; left: 0; }
        .overlay-region { position: absolute; cursor: pointer;}

.t_sml{
	width:50px;
	height:24px;
	font-size:12pt;
	border-radius:8px;
	border:none;
	padding-left: 5px;
	margin:3px 0;
}
.t_lng{
	width:250px;
	height:24px;
	font-size:14pt;
	border-radius:8px;
	border:none;
	padding-left: 5px;
	margin:3px 0;
}
.t_med{
	width:165px;
	height:24px;
	font-size:14pt;
	border-radius:8px;
	border:none;
	padding-left: 5px;
	margin:3px 0;
}
.tinput:focus{
	border:none;
	box-shadow:0 0 10px rgba(0,0,0,0.6);
}
.f_but{
	width:250px;
	height:30px;
	padding:6px;
	border-radius:8px;
	border:none;
	background:#333;
	color:#fff;
	margin:15px 0;
}
.f_prc{
	width:80px;
	height:24px;
	font-size:14pt;
	border:none;
	margin:3px 0;
	background: none;
}
.f_but:hover{
	background:#990033;
}
    @media (max-width: 600px) {
      nav ul {
        flex-direction: column;
        align-items: center;
      }

      nav ul li {
        margin: 10px 0;
      }
    }
