* {
font-family: optima, sans-serif;
box-sizing: border-box;
}

.responsive {
  max-width: 400px;
  /*height: auto; */
}

p.gen {
    line-height: 2.0; 
    font-size:20px;
}

/* For width smaller than 400px: */
img.gen_s{
    max-width:100px;
    height: auto;
}

/* For width 400px and larger: */
@media only screen and (min-width: 1400px) {
  img.gen { 
    float: left; 
    width:40%; 
    height: auto;
  }
}

div.link {
display: table;
width:100%;
table-layout: fixed;
height:120px;
margin:0px;
font-family: optima, sans-serif;
vertical-align: middle;
background-color:red;
}

div.link span {
display: table-cell;
text-align:center;
margin:20px;
border: 30px solid yellow;
vertical-align: middle;
}

ul.topnav {
/* position: -webkit-sticky; 
position: sticky; */
top: 0;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}

ul.topnav li {
float: left;
}

ul.topnav li a {
display: block;
color: white;
text-align: center; 
padding: 14px 16px;
text-decoration: none;
}

ul.topnav li a:hover:not(.active) {background-color: #111;}

ul.topnav li a.active {background-color: #04AA6D;}

ul.topnav li.right {float: right;}

/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
  background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;

}

/* The popup form - hidden by default */
.form-popup {
  margin:0;
  padding: 0;
  display: none;
  position: absolute;
  right: 15px; 
  border: 3px solid #f1f1f1;
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  float: right;
  margin:0;
  max-width: 300px;
  /*padding: 10px; */
  background-color: white;
}

/* Full-width input fields */
.form-container input[type=text], .form-container input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #04AA6D;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button, .open-button-a:hover {
  opacity: 1;
}

@media screen and (max-width: 600px) {
  ul.topnav li.right, 
  ul.topnav li {float: none;}
}