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

    html{ 

  background: url(photos/featured47@wdd2x.jpg)  no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  width:100%;
height:100%;
}

    p{
font-family:sans-serif;
font-size:3em;
font-weight:bold
}

    #u {
        
   display:inline-block;
    margin-left:10px;
    float:left;
    width:250px;
        
       
    }

    #d {
     text-align:center;
     display:inline-block;
     top:0px;
     margin-right:0px;
     float:left;

    }




    #wb:hover {
        width: 400px;;
        border-radius: 10px;
        font-size: X-large;
        color: black;
        text-decoration: none;
        text-align: center;
    }

    #ob:hover {
        width: 400px;;
        border-radius: 10px;
        font-size: x-large;
        text-align: center;
        vertical-align: middle;
    }

    #yb:hover {
        width: 400px;
        border-radius: 10px;
        font-size: x-large;
        text-align: center;
    }

    #gb:hover {
        width:400px ;
        border-radius: 10px;
        font-size: x-large;
        text-align: center;
    }

    #pb:hover {
        width: 400px;
        border-radius: 10px;
        font-size: x-large;
        text-align: center;
    }

    #blb:hover {
        width: 400px;
        border-radius: 10px;
        font-size: x-large;
        text-align: center;
    }

    #brb:hover {
        width: 400px;
        border-radius: 10px;
        font-size: x-large;
        text-align: center;
    }

    #rb:hover {
        width: 400px;
        border-radius: 10px;
        font-size: x-large;
        text-align: center;
    }

    #bb:hover {
        width: 400px;
        border-radius: 10px;
        font-size: x-large;
        text-align: center;
    }

    #wb {
        background-color: white;
        margin-top: 0px;
        height: 50px;
        width:80px;
        font-size: 0;
    }

    #ob {
        background-color: #FFAD5C;
        height: 50px;
        width: 80px;
        font-size: 0;
        -webkit-animation: hi 3s infinite;
    }

    #yb {
        background-color: #FFFF75;
        height: 50px;
        width: 80px;
        font-size: 0;
    }

    #gb {
        background-color: #8DB600;
        height: 50px;
        width: 80px;
        font-size: 0;
    }

    #pb {
        background-color: #9975B9;
        height: 50px;
        width: 80px;
        font-size: 0;
    }

    #blb {
        background-color: #4C4CFF;
        height: 50px;
        width: 80px;
        font-size: 0;
    }

    #brb {
        background-color: brown;
        height: 50px;
        width: 80px;
        font-size: 0;
    }

    #rb {
        background-color: #FF4C4C;
        height: 50px;
        width: 80px;
        font-size: 0;
    }

    #bb {
        margin-top:80px;
        background-color: black;
        
        height: 50px;
        width: 80px;
        font-size: 0;
    }
}