body {

background-color: #3Ba3b3;
margin: 0px;
font-family: Colonna MT;
font-size: 16px;
color: black;

}

#flow {

        border-color: #296A64;
        border-width: thick;
        border-style: ridge;

}

#header {

    background-color: #3Ba3b3;
    margin: 10px;
    font-family: Colonna MT;
    height: 90px;
    
}

#nav {

    background-color: #99CDE3;
    height: 35px;
    font-size: 25px;
    font-weight: bold;
    font: Tahoma;
}





#nav  ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: center;
   
}

#nav li {

    display: inline;
    padding: 15px;
    vertical-align: middle;
}




#nav a {

    text-decoration: none;
    color: #fff;
    background-color: #99CDE3;
    padding: 0;
    vertical-align: middle;
}


#nav  a:hover {

    color: #000;
    background-color: #fff;
}


.main {

    background-color: #3Ba3b3;
  margin-left: 10px;
  margin-right: 320px;
margin-top: 10px;
margin-bottom: 10px;
    padding: 20px;
    font-size: 110%;
    
    }

    h1 {

        font-size: 60px;
        text-align: center;
        color: blue;
        font-family:  Papyrus, fantasy;
        text-shadow: 3px 2px black;

    }


.size {

    font-size: 40px;
}


.font {


font-family: Colonna MT;

}



    h2 {
        font-family: Papyrus, fantasy;
        color: blue;
        font-size: 120%
    }

    .sideright {

        background-color: #3Ba3b3;
        margin-left: 10;
        margin-right: 10px;
        margin-top: 40px;
        margin-bottom: 10px;
        padding: 20px;
        font-size: 105%;
        float: right;
        width: 280px;
        }
    
label {
    margin: 20px;
    font-family: Papyrus, fantasy;
    font-size:20px;
   
}

img {

    max-width: 100%;
    max-height: 100%;
    float: left;
}

.tabcontainer {
        border: 3px solid; color: #3Ba3b3;
       display: inline-flex;
       flex-wrap: wrap;
       justify-content: center;
       align-items: center;
       padding: 5px;
}

.white {

    background-color: white;
}

.blue {

    background-color: #99CDE3;
}


.buy {

align-self: flex-end;








}

@media screen and (max-width: 960px) {

.purpose {
    width: 100%;
}


}




nav {

font-size: 2rem;
background-color: #99CDE3;

}

nav ul {

list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-around; 
}

nav ul li {

cursor: pointer;
padding: 0.5rem;
flex: auto;
text-align: center;
}

nav ul li :hover {

background-color: #555;
color: white;

}

.video {

  
    padding:  1rem;
    text-align: center;
   
    
    }

    .audio {

        padding:  1rem;
        text-align: center;
         
        }

        .tab {

           
            padding:  1rem;
            text-align: center;
            flex-basis: 275px;

         
            }

            .buy {

             
                padding:  1rem;
                text-align: center;
               
              
            }#test{ flex-basis: 275px; }