h1 {
   text-align: center;
   font-family: "Bradley Hand", "Freestyle Script", "Vladimir Script", "French Script MT", "Script MT Bold", cursive;
   font-size: 130px;
   margin-top: 30px;
   margin-bottom: 10px;
   color: 
   
}
body {
     background-image: url(images/logo.jpg);
     
}
#wrapper {
         background-color: white;
         font-family: Georgia, serif;
         border-radius: 10px;
         
}
iframe {
       margin-left: 100px;
       margin-top: 50px;
       margin-bottom: 40px;
}
h2 {
   margin-top: 30px;
   margin-left: 40px;
  
}
nav {
    
    padding-bottom: 25px;
    
    
}
nav li {
       margin-bottom: 10px;
       border: 1px solid black;
       padding: 10px;
       margin-right: 20px;
       text-align: center;
}
nav li a {
      text-decoration: none;
  
}
nav li a:link {
           color: #6495ED;   
           font-weight: bold;
           font-size: 20px;
}
nav li a:visited {
                  color: #4169E1;
                  
}
nav li a:hover {
            font-size: 30px;
}
h1 a {
          color: black;
          text-decoration: none;
}
main {
     margin: 20px 20px 10px 20px;
     padding: 20px 20px 20px 20px;
}
#gallery {
         display: grid;
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
         justify-content: space-around;
             
}
img {
    margin: 1em;
    
}
table {
      
      border-collapse: collapse;
}
th:first-of-type {
      color: #4169E1;
}
th {
   border: 1px solid black;
   padding: 10px;
}

td {
   border: 1px solid black;
   padding: 5px;
   text-align: center;
}
nav li {
       list-style-type: none;
      
}
table {
      font-size: 20px;
      
      padding: 20px 20px 20px 20px;
      margin-top: 50px;
      margin-bottom: 50px;
      
}
p {
   margin-top: 0;
   font-size: 30px;
   text-align: center;
   background-color: #F0F8FF;
   border-radius: 15px;
   
   padding: 40px 60px 40px 80px; 
  
  
   
}
footer {
       text-align: center;
       
}
fieldset {
         background-color: #F0F8FF;
}
legend {
       color: #6495ED;
       font-weight: bold;
       font-size: 25px; 
}
h4 {
   font-size: 10px;
   
}
figure img {
           transform: rotate(-3deg);
}
@media (max-width: 700px) {
  iframe {
          margin-left: 20px;
}
figure img{
       width: 490px;
       margin-left: 0;
       margin-top: 0;
}
video {
       margin-left: 70px;
       margin-bottom: 50px;
       margin-top: 20px;
}
}
@media (min-width: 1024px) {
 #wrapper {
           width: 1024px;
           margin: auto;
           
           }
 nav {
     float: left;
     
     }
 main {
      clear: right;
      }
p {
   
   margin-top: 30px;
}
iframe {
       margin-left: 200px;
}
fieldset {
          width: 400px;
          margin-left: 260px;
          text-align: center;
} 
video {
      margin-left: 150px;
} 
.border {
         margin-left: 270px;
} 
}