/* Wright Web and Graphic Design 
   Layout Style Sheet
   
   Author: Kenneth Wright
*/
			        
					*  {
					     Padding: 0;
						 margin: 0;
					}
					
					body  {
					     width: 100%;
					     font-size: 1.5em;
						 font-family: Arial, Helvetica, sans-serif;
						 color: #000000;
						 background-color: #F0E68C;
					}
					
					nav  {
						 background-color: #BDB76B;
						 line-height: 200%;
						 display: block;
					}
					
					nav ul li  {
					     
						 display: inline;
						 list-style-type: none;
						 padding-right: 20px;
					}
					
					nav li a:link  {
						 color: blue;
						 font-weight: bold;
						 text-decoration: none;
					}
					
					nav li a:hover  {
					     color: #00FF7F;
						 font-weight: bold;
						 text-decoration: underline;
					}
					
					nav li a:visited  {
		                  color: #4B0082;
						  font-weight: bold;
			              text-decoration: none;
                    }						  
					
					a:link  {
					     color: blue;
						 text-decoration: none;
					}
					
					a:hover  {
					     color: #00FF7F;
			             text-decoration: underline;
		            }
					
					a:visited  {
		                  color: #4B0082;
			              text-decoration: none;
		            }
					
					header  {
                         width: 90%;
		                 border: 2px solid black;
		                 margin: 10px;
		                 padding: 10px 10px 10px 10px;
		                 Background-color: #FFFFF0;
		            }
					
					section  {
						background: #FFFFFF;
                        color: black;
						padding: 20px;
                    }						
					
					#main  {
						background-color: #EE82EE;
					}
					
					.gallery  {
						 Max-width: 100%;
					}
					
				    .row {
                         display: flex;
                         /*flex-wrap: wrap;*/
                         padding: 0 4px;
                    }

                    /* Create four equal columns that sits next to each other */
                    .column {
                         flex: 25%;
                         max-width: 25%;
                         padding: 0 4px;
                    }

                    .column img {
                         margin-top: 8px;
                         vertical-align: middle;
                         width: 65%;
						 height: auto;
                    }
				
                    /* Responsive layout - makes a two column-layout instead of four columns */
                    @media screen and (max-width: 800px) {
                    .column {
                         flex: 50%;
                         max-width: 50%;
                    }
                    }

                    /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
                    @media screen and (max-width: 600px) {
                    .column {
                         flex: 100%;
                         max-width: 100%;
                    }
                    }
					
					.video_row  {
						display: flex;
						/*flex-wrap: wrap;*/
						padding 10px;
						gap: 10px;
					}
						
				
					#video a:link  {
					     color: blue;
						 text-decoration: none;
					}
					
					#video a:hover  {
					     color: #00FF7F;
			             text-decoration: underline;
		            }
					
					#video a:visited  {
		                  color: #4B0082;
			              text-decoration: none;
		            }  
					
					
				    h1  {
                         font-family: castellar, fantasy;
						 font-size: 2em;
	                     padding: 10px;
	                     color: Black;
	                     text-align: center;
	                }
					
					img {
					     float: left;
						
				    }
					

                    h2  {
	                     font-family: Georgia, serif;
						 font-size: 1.5em;
                         color: black;
	                     text-align: center;
					}
					
					h3  {
					     font-family: Georgia, serif;
						 font-size: 1em;
						 color: black;
						 text-decoration: underline;
						 margin-left: 15px;
					}
					
	   				h4  {
						 font-family: Georgia, serif;
						 font-size: 0.75em;
                         color: black;
	                     text-decoration: underline overline;
						 padding: 0 8px 8px 8px;
                    }
					
					h5   {
						 font-family: Georgia, serif;
						 font-size: 0.5em;
                         color: black;
	                     text-decoration: none;
						 padding: 0 8px 8px 8px;
                    }

                    P.center  {
                         text-align: center;
                    }
					
					p {
					     color: black;
						 line-height: 1.5em;
						 margin-bottom: 15px;
						 margin-left: 15px;
						 margin-right: 15px;
					}
	 
                    #footer  {
	                     width: 100%;
	                     border-top: 10px solid  #FF00FF;
						 background-color: #FFFFF0;
	                     clear: both;
	                }
					
					.center  {
					     text-align: center;
					}
					
					footer  {
					     padding: 40px;
					}