* {
  box-sizing: border-box;
}
body{
  font-family:'Roboto', sans-serif;
}
.head{
  padding:15px;
  text-align:center;
} 
.emptyx {
  float:left;
  width:20%;
  margin-top:60px;
  height: 231.67px;
}
.left {
  background-color:#28b3e3;
  float:left;
  width:20%;
  margin-top:60px;
  margin-right: 5px;
  text-align:center;
  height: 231.67px;
} 
.mid {
  background-color:#28b3e3;
  float:left;
  width:20%;
  margin-top:60px;
  text-align:center;
  height: 231.67px;
  margin-right: 5px;
}
.right {
  background-color:#28b3e3;
  float:left;
  width:20%;
  margin-top:60px;
  text-align:center;
  height: 231.67px;
}
.main {
    float:left;
    width:36%;
    padding: 20px;
    margin-top:7px;
    margin-right: 5px;
    height: 231.67px;
  }
  .image {
    float:left;
    width:24%;
    margin-top:7px;
    height: 231.67px;
    margin-left: 5px;
  }
  .head2{
    background-color:#28b3e3;
    text-align:center;
    padding:1px;
    margin-top:7px;
  }
  img{
      width:300px;
  }
  .header{
    padding: 2px 16px;
    background-color: #176e8b;
    color: white;
  }
  .empty {
    float:left;
    width:20%;
    margin-top:7px;
    height: 231.67px;
  }
  #fbook{
    width:50px;
  }
  #linkdin{
    width:50px;
  }
  #app{
    width:50px;
  }
  #insta{
    width:50px;
  }
  @media only screen and (max-width:967px) {
    /* For mobile phones: */
    .left, .main, .right,.mid, img {
      width:100%;
    }
    .empty, .image{
      display: none;
    }

  }