div.transbox {
   margin: 8px;
   margin-top: 22px;
     margin-left: 60%;
    background-image: url(images/bg1.gif);
    border: 1px solid black;
    text-align: center;
  
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

div.transbox p {
    
    font-weight: bolder;
    color: #000000;
    font-style: normal;
   padding-bottom: 0;
}



    .container1 {
            width: 90%;
            background-position: center;
           text-align: center;
           margin-left: 10px;
           margin-top: 44px;
          margin-bottom: 12px;

        }
        img {
            max-width: 100%;
            height: auto;
          box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
         
        }




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

{


@media (max-width: 768px) {
  body {
  
  .transbox {
     margin: 4px;
   margin-top: 6px;
     margin-left: 50%;
}