.container {margin-top:0px;
width: 500px; 
padding: 20px;
}
.custom {
background-color: #ff0080;
}

.btn-default{
background-color: #f2f2f2;
color:black;
border-color: #2F3E48;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
background-color: #f2f2f2;
color:black;
border-color: #2F3E48;
}

.wrapper{
        width: 500px;
        padding: 20px; 
          display: block;
  margin-left: auto;
  margin-right: auto;
    }
    
        @media only screen and (max-device-width: 480px) {
            .wrapper{
        width: 300px;
        padding: 20px; 
        
    }
    }