html{scroll-behavior:smooth;}
            body{  background-image: linear-gradient(to bottom right, blue, green, red);
            background-repeat: no-repeat; font-family: 'Roboto', sans-serif;}
 #NavBar a:visited{
                font-weight: bold;
                font-size: 1em;
                color: black;
                text-decoration: none;
                border: 1px solid black;
                border-collapse: collapse;
                text-align: center;
                width:25%;
                background-color: white
        }
        h1 {
            font-size: 3em;
            text-align: center;
        }
        #indexcontent{
            display: flex;
            flex-direction: row;
        }
       #NavBar a:link{
                font-weight: bold;
                font-size: 1em;
                color: black;
                text-decoration: none;
                border: 1px solid black;
                border-collapse: collapse;
                text-align: center;
                width:25%;
                background-color: white
        }
        #NavBar a:hover{
                color: white;
                background-color: black;
                transition: color 0.3s;
                transition: background-color 0.3s;
        }
            #Content{
                background-color: rgba(255, 255, 255, 0.99);
                border-radius: 3px;
                position:relative;
                top:75px;
                width: 90%;
                margin-left: auto;
                margin-right: auto;
            }
            a:link{
                text-decoration: none;
            }
            #volunteerform{
                background-color: teal;
                width: 35%;
                height: 3em;
                margin-left: auto;
                margin-right: auto;
                font-size: 2.5em;
                color: white;
                text-align: center;
                font-weight: bold;
                line-height: 3em;
                border-radius: 10px;
            }
            #donatebutton{
                background-color: teal;
                width: 35%;
                height: 2em;
                margin-left: auto;
                margin-right: auto;
                font-size: 1.5em;
                color: white;
                text-align: center;
                font-weight: bold;
                line-height: 2em;
                border-radius: 10px;
            }
            #MainVid{
                margin-left:3px;
                margin-bottom: 15px;
            }
            #NavBar{
                display: flex;
                height: 40px;
                width: 60%;
                margin-bottom: 20px;
            }
            #Heading{
                display: flex;
                width: 100%;
                justify-content: space-between;
                padding-bottom: 5px;
            }
            h2{
                text-align: center;
                font-size: 2.1em;
            }
            h3{
                font-size: 1.8em;
            }
            h5{
                font-style: italic;
                font-size: 1.5em;
                text-align: center;
            }
            p1{
               font-size: 1.5em;
            }
            #text{
                padding: 7px;
            }
            p2{
                font-size: 1.5em;
            }
            footer {
                font-size: 1em;
            }
            #BoD{
              display: flex;
              flex-direction: row;
              justify-content: space-between;
              flex-wrap: wrap;
            }
            .Director{
              display: flex;
              flex-direction: column;
              width: 45%;
              padding: 10px;
            }
            @media only screen and (max-width: 1200px){
                html{scroll-behavior:smooth;}
                body{  background-image: linear-gradient(to bottom right, blue, green, red);
                background-repeat: no-repeat; font-family: 'Roboto', sans-serif;}
     #NavBar a:visited{
                    font-weight: bold;
                    font-size: 1em;
                    color: black;
                    text-decoration: none;
                    border: 1px solid black;
                    border-collapse: collapse;
                    text-align: center;
                    width:25%;
                    background-color: white
            }
            h1 {
                font-size: 3em;
                text-align: center;
            }
            #indexcontent{
                display: flex;
                flex-direction: column;
            }
           #NavBar a:link{
                    font-weight: bold;
                    font-size: 1em;
                    color: black;
                    text-decoration: none;
                    border: 1px solid black;
                    border-collapse: collapse;
                    text-align: center;
                    width:25%;
                    background-color: white
            }
            #NavBar a:hover{
                    color: white;
                    background-color: black;
                    transition: color 0.3s;
                    transition: background-color 0.3s;
            }
                #Content{
                    background-color: rgba(255, 255, 255, 0.99);
                    border-radius: 3px;
                    position:relative;
                    top:75px;
                    width: 90%;
                    margin-left: auto;
                    margin-right: auto;
                }
                a:link{
                    text-decoration: none;
                }
                #volunteerform{
                    background-color: teal;
                    width: 35%;
                    height: 3em;
                    margin-left: auto;
                    margin-right: auto;
                    font-size: 1em;
                    color: white;
                    text-align: center;
                    font-weight: bold;
                    line-height: 3em;
                    border-radius: 10px;
                }
                #MainVid{
                    margin-left:3px;
                    margin-bottom: 15px;
                }
                #NavBar{
                    display: flex;
                    height: 65px;
                    width: 80%;
                    margin-bottom: 20px;
                }
                #Heading{
                    display: flex;
                    width: 100%;
                    justify-content: space-between;
                    padding-bottom: 5px;
                }
                h2{
                    text-align: center;
                    font-size: 2.1em;
                }
                h3{
                    font-size: 1.8em;
                }
                p1{
                   font-size: 1.5em;
                }
                #text{
                    padding: 7px;
                }
                p2{
                    font-size: 1.5em;
                }
                footer {
                    font-size: 1em;
                }
                #BoD{
                  display: flex;
                  flex-direction: row;
                  justify-content: space-between;
                  flex-wrap: wrap;
                }
                .Director{
                  display: flex;
                  flex-direction: column;
                  width: 45%;
                  padding: 10px;
                }
            }