/* Enter Your Custom CSS Here */

.site-info.container {
    display: none;
}
@media only screen and (min-width:992px){
  
  .site-header .col-md-4{
    width: 50% !important;
  } 
  
  .site-header .col-md-8{
    width: 50% !important;
  }
}

@media only screen and (min-width:480px){
  
  .roll-project .project-item{
    padding: 10px;
  }
  
  .roll-project .project-item .project-pop {
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    height: calc(100% - 20px);
    height: -webkit-calc(100% - 20px);
    height: -moz-calc(100% - 20px);
  }  
  
}