@media all and (min-width: 960px){

body {
  font-family: "Lucida Sans Regular", sans-serif;
background-color: aliceblue;
}
    
.sidenav {
  height: 100%;
  width: 25%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: lavender;
  overflow-x: hidden;
  padding-top: 40px;
}

.sidenav a {
  padding: 0px 8px 6px 16px; /* top right bottom left */
  text-decoration: underline; 
  font-weight: 550;
  font-size: 32px;
  color: mediumblue;
  text-decoration-thickness: 2.5px;
  display: block;
}

.sidenav a:hover {
  color: mediumblue;
}

.sidenav sidetext {
  padding: 0px 8px 6px 16px; /* top right bottom left */
  text-decoration: underline; 
  font-weight: 550;
  font-size: 16px;
  color: mediumblue;
  text-decoration-thickness: 2.5px;
  display: block;
}

.main {
  margin-left: 27%; /* Same as the width of the sidenav */
  margin-right: 5%; /* Same as the width of the sidenav */
  font-size: 30px; /* Increased text to enable scrolling */
  color: seagreen;
  padding-top: 0px;
line-height: 1.3em;
}
    
.main2 {
  margin-left: 5%; /* Same as the width of the sidenav */
  margin-right: 5%; /* Same as the width of the sidenav */
  font-size: 30px; /* Increased text to enable scrolling */
  color: seagreen;
  padding-top: 0px;
line-height: 1.3em;
}

.main-align {
  margin-left: 24%; /* Same as the width of the sidenav */
  margin-right: 5%; /* Same as the width of the sidenav */
  font-size: 30px; /* Increased text to enable scrolling */
  color: seagreen;
  padding-top: 20px;
  text-align: center;
    line-height: 1.3em;
}

a{
  text-decoration: underline; mediumblue;
  text-decoration-thickness: 2.5px;
  font-size: 30px;
  color: mediumblue;
}
    
a.mail{
  text-decoration: underline; darkmagenta;
  text-decoration-thickness: 2.6px;
  font-size: 30px;
  color: darkmagenta;
}

hr { 
border: 1.0px solid;
  color: mediumslateblue;
}
    
h1 { 
color: seagreen;
font-size: 36px;
}
    
h2 { 
color: seagreen;
font-size: 30px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/* images */

.img70
{
width:100%;
float: left;
margin-left: 0%;
}
    
.img50
{
width:70%;
float: left;
margin-left: 15%;
}


/* video */

video {
    width: 100%;
    height: auto;
}
    
}