body{
 height: 550px;
   background: url("img/ban.png") no-repeat fixed top;
    background-position: center;
    background-size: cover;
    position: relative;
    text-align: right;
}



.bb1 {
    position: relative;
    margin-top: 100px;
    margin-right: 100px;
    color: black;
    text-align: right;
    display: block;
}


.buttons .btnlight {
    font-size: 20px;
    width: 100%;
    background-color: #3d6eb8;
    color: white;
}

.buttons .btn-brown { 
      background-color:#ffff;
    font-size: 20px;
    width: 100%;
}

          
@media only screen and (max-width: 700px) {
    
    .container {
        margin-left: 0;
    }

    .bb1 {
     margin-top: 250px;
    margin-right: 0px;
    text-align: center;
    
}

    .letters {
        font-size: 20px;
    }
        
     h3 {
         
         font-size: 20px;
     }

       
      }