/* Style inputs, select elements and textareas */
 input[type=text],
 select,
 textarea {
   width: 100%;
   padding: 12px;
   border: 1px solid #ccc;
   border-radius: 4px;
   box-sizing: border-box;
   resize: vertical;
 }

 /* Style the label to display next to the inputs */
 label {
   padding: 12px 12px 12px 0;
   display: inline-block;
 }

 /* Style the submit button */
 input[type=submit] {
   background-color: #14b072;
   color: white;
   border: none;
   cursor: pointer;
   margin-left: auto;
   margin-right: auto;
   font-family: Montserrat, Arial, Helvetica, sans-serif;
   height: 35px;
   min-width: 150px;
   margin-bottom: 10px;
   border: 1px solid #14b072;
   border-radius: 12px;
 }

 /* Style the container */
 .container {
   border-radius: 5px;
   background-color: #f2f2f2;
   padding: 20px;
 }


 .col-25 {
   float: left;
   width: 25%;
   margin-top: 6px;
 }


 .col-75 {
   float: left;
   width: 75%;
   margin-top: 6px;
 }


 .col-50-l {
   float: left;
   width: 50%;
   margin-top: 6px;
 }


 .col-50-r {
   float: right;
   width: 50%;
   margin-top: 6px;
 }

 .col-33 {
   float: left;
   width: 33%;
   margin-top: 6px;
 }

 /* Clear floats after the columns */
 .row:after {
   content: "";
   display: table;
   clear: both;
 }

 /* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
 @media screen and (max-width: 600px) {

   .col-25,
   .col-75,
   input[type=submit] {
     width: 100%;
     margin-top: 0;
   }
 }

 .b-container {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;

 }

 .b-block {
   width: 305px;

   text-align: center;

 }