.counter
{
    text-align: center;
}
.employees,.customer,.design,.order
{
    margin-top: 10px;
    margin-bottom: 10px;
}
.counter-count
{
    font-size: 14px;
    background-color: rgb(255,0,0);
    border-radius: 50%;
    position: relative;
    color: #ffffff;
    text-align: center;
    line-height: 62px;
    width: 62px;
    height: 62px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
}

.employee-p,.customer-p,.order-p,.design-p
{
    font-size: 14px;
    color: #000000;
    line-height: 24px;
}




body {
	background-image:url(images/background.gif);
	background-size:300px auto;
	margin-top:0px !important;
	padding:0px !important;
	height:100%;
	font-family:sans-serif,"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	display:block !important;
	
}

p {
	font-size:14px;
	margin:5px;
}

h3{
	margin:0px;
	padding:0px;
	font-weight:500;
	font-size:22px;
}

#container {
	margin-left:auto;
	margin-right:auto;
	width:500px;
	background-image:url(images/yellow-background.png);
	background-size:500px auto;
text-align:center;
	bottom:0px;
	box-sizing:border-box;
}

.content {
	margin-left:70px;
	padding-top:15px;
	margin-right:70px;
	text-align:left;
	width:360px;
	text-align:center;
}
     .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
	  
	  .btn-primary  {
		background-color:#470500 !important;
		border:none !important;
		text-transform:uppercase;
		color:#fff;  
		font-size:16px !important;
		font-weight:400 !important;
	  }
	  .btn-primary:hover  {
		background-color:red !important;
		text-transform:uppercase;
		border:none !important;
		color:#fff;  
	  }
	  #code {
		  width:400px;
		  margin-left:auto;
		  margin-right:auto;
		  padding-left:20px;
		  padding-right:20px;
		  background-color:red;
		  border:2px solid #000;
		  text-align:center;
		  box-sizing:border-box;
	  }
	  a {
		  color:red !important;
	  }
	  .codeinput {
		margin-top:14px;
	  }
	  
	    @media (max-width: 500px) {
        #container {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	padding:20px;
	padding-top:0px;
	background-image:none;
	background-color:#ffcb05;
	box-sizing:border-box;
}
  #code {
		  width:100% !important;
	  }
	  .content {
	margin-left:0px;
	padding-top:15px;
	margin-right:00px;
	text-align:left;
	width:100%;
	text-align:center;
}
.code-input {
	width:50% !important;
	margin:12px 0px;
      }
		}