body{
    background-color: grey;
      user-select: none; 
}
.menubar{
    position: fixed;
    top: 0px;
    left: 0px;
    width:100%;
    height:70px;
    background-color: white;
    margin: 0px;
    padding: 0px;
    z-index: 1;

}
.logo{
    float:left;
    margin-left:200px;
    margin-top:10px;
    }
    .menu{
        float:right;
        padding-top: 20px;;

    }
    .menu ul li{
        list-style: none;
        display: inline-block;
        padding-left:10px;
        padding-right:40px;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        font-size: 20px;
        color:black;
    }
    .menu ul li a{
        text-decoration: none;
        color: rgb(14, 14, 13);
    
        transition: color 0.3s ease-in-out;
    }
    .menu ul li a:hover{
        
        color:rgb(248, 154, 12);
        
    }
    .mycontent{
        position:absolute;
        top:50px;
        left:0px;
        background-image: url("../bbb.jpeg");
        background-size: cover;
        height:800px;
        width:100%;
    }
    .page-content
    {
        position:absolute;
        width:100%;
        height:400px;
        left:0px;
        top:120px;
        animation: page-content-animation 2s ease-in-out;

    }
    @keyframes page-content-animation {
        from{
            transform: translateY(20px);
        }
        to{
            transform: translateY(0px);
        }
        
    }
    .premium{
        background-color: transparent;
        color:rgba(250, 250, 248, 0.849);
        font-size:20px;
        font-weight:bold;
        height:50px;
        width:250px;
        border-radius: 20px;
        border-color: white;
        box-shadow: 2px 2px 8px  white, -2px -2px 8px white;
    }
    #mytitle{
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size:50px;
        font-weight: bold;
    }
    #myorgname{
        font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-size: 50px;
        font-weight: bolder;
        color:rgb(4, 4, 112);
    }
    #description{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 18px;
        color:rgb(62, 71, 95);
    }
    .qoutes{
        margin-top: 50px;
        height:80px;
        width:800px;
        color:white;
        font-size: 20px;
        font-weight: bolder;
        font-family: cursive;
        padding-top: 20px;
        border:2px solid wheat;
        border-radius: 30px;
        background-color: transparent;
        box-shadow: 4px 4px 6px 8px white;
    }
    
    @media screen and (max-width: 768px) {
  
  .menu{
    display: none;
   
  }
  .menubar{
    background-color: rgb(82, 63, 63);
  }
  .mycontent{
    background-size: cover;
  }
  .qoutes{
     height:auto;
        width:auto;
  }
 
}