@media only screen and (min-width: 481px)

{

body {
  overflow: hidden
  position: fixed;
  height: 100%;
  width: 100vh
  margin: 0;
}

.box {
  display: flex;
  flex-flow: column;
  height: 100%;
}

.box .row.header {
  flex: 0 1 auto;
}

.box .row.content {
  flex: 1 1 auto;
}

.box .row.footer {
  flex: 0 1 1vh;
}

ul
{
display: flex;
flex-direction: row;
list-style-type: none;
padding:0;
margin:0;
}

li
{
background:#49B505;
width:20%;
margin: 0 2vh 2vh 0;

text-align:center;
}

nav
{
font-family: Verdana, Arial, Sans-Serif;
width:100%;
float:left;
}

/* unvisited link*/
a.bar:link {
  color: #9CF166;
font-size: 200%;
font-size: font-size: 2.0vh;
font-size: 2vw;
}

/* visited link */
a.bar:visited {
color: #9CF166;
font-size: font-size: 2.0vh;
font-size: 2vw;
}

/* mouse over link */
a.bar:hover {
  color: #BAF694;
font-size: font-size: 2.2vh;
font-size: 2.2vw;
}

/* selected link */
a.bar:active {
  color: #73FD1B;
font-size: font-size: 2.2vh;
font-size: 2.2vw;
}

.container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 6%; /*Aspect Ratio */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.texterino
{
width:100%;
float:left;
}
.texterino3
{
width:60%;
float:left;
}
.texterino2
{
height:1px;
width:20%;
float:left;
}
.texterino4
{
height:1px;
width:20%;
float:right;
}

.center {
  border: 3px solid #73AD21;
  text-align: center;
font-family: Verdana, Arial, Sans-Serif;
}

h2
{
color:#317F00;
font-family: Lucida Sans, Lucida Grande, Arial;
}

h3
{
color:#317F00;
font-family: Lucida Sans, Lucida Grande, Arial;
}
h4
{
font-size:300%;
color:#317F00;
font-family: Lucida Sans, Lucida Grande, Arial;
}

p
{
text-align:justify
color:#317F00;
font-family: Lucida Sans, Lucida Grande, Arial;
}

img
{
border: 3px solid #73AD21;
}
.img2
{
border: 3px solid #73AD21;
margin: auto;
}

.gallery
{
    width: 100%;
    display: grid;
    grid-template:33% 33% 33% / 33% 33% 33%;
    grid-gap: 20px 20px;
    grid-row-gap: 20px;
    align-content:center;
}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}

}