body {
    color: black;
    background-color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    }
    
    a {color: red; text-decoration: none;}
    a:visited {color: darkred; text-decoration: none;}
    a:hover {color: gray; text-decoration: underline;}
    
    h1 {
    font-size: 40px;
    padding-bottom: 80px;
    
    }
    
    h2 {
        padding-top: 0px;
        padding-bottom:0px;
        margin-bottom:0px;
    font-size: 18px;

    }
    
    p {
    padding-top: 10px;
    font-size: 12px;
    margin-top: 0px;
    }

    table{
width: 100%;
height: 30%;
font-size: 12px;
    }
   
    .small {
    font-size: 8px;
     font-style: italic;
    }
        
    #header {
    width: 100%;
    height: 75px;
    background: #b986b9;
    padding-top: 0px;
    padding-bottom: 40px;
    }

  .logo{
    height: 65px;
  }
  .guitarimg{
    height: 20%;
    width:35%;
    float: right;
  }
   
    }

    #main {
        position: relative;
        margin: auto;
        width: 100%;
        background-color: white;
        }
        

        
       
        
        
        #section {
        position: relative;
        width: 100%;
        background-color: white;
        }
        
        #footer {
        position: relative;
        width: 100%;
        height: 30px;
       
        }
        
        img {
            float: right;
       max-width: 40%;
       max-height:300px ;
        }
        .imgbox{
     
        }

  

    h1,h2,h3,p,img {
margin-left:10px;
    }

    @media screen and (max-width: 768px) {
        #nav a {
        font-size: 90%;
        }
        }
        
        @media screen and (max-width: 550px) {
        #nav a {
        font-size: 80%;
        }
        #footer {
            display: none;
            }
        .imgbox {
        width: 95%;
    float:none;
    padding-left:130px;
        }
        }