@media only screen and (min-width: 1200px){
    p{
        font-size: 15px;
    }
}
@media screen and (max-width: 768px) {
  #portfolio .portfolio-item {
  width: 100%;
  float: left;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
     
}

 @media only screen and (max-width: 768px) {
    .top-bar{ display: none !important; }
    }
    
.mobilebar{
 width: 100%;
 text-align: center;
  padding-left: -50px;
   padding: 4px 0;
  background: #22633f;
  border-bottom: 1px solid #222;
  line-height: 28px;
  font-size: 12px; 
   

}


.mobile-number{
  color: #fff;
}

.mobile-number p{
  margin: 0
}
}
@media only screen and (min-width: 568px) {

}

@media screen and (min-width: 768px) {
    .mobilebar{
        display: none;
    }
}