.block{
                width:100%;
              }
              .block h2 {
                  font-family: 'NeoSansIntelMedium',Tahoma,"Open Sans",Verdana,Arial,serif;
                  font-size: 14px;
                  text-transform: uppercase;
                  padding: 10px 10px 10px 0px;
                  position: relative;
              }

              .block h2::after {
                  content: '';
                  width: 0;
                  height: 0;
                  border-left: 6px solid transparent;
                  border-right: 6px solid transparent;
                  border-top: 6px solid #49971f;
                  position: absolute;
                  bottom: -5px;
                  left: 13px;
              }
              .pengumuman{
                float: left;
                background-color: #0B4D7D;
              }
              .pengumuman h2{
                background: #073C64;
                color: #fff;
                margin-bottom: 0px;
              }
              .pengumuman h2::after {
                  border-top: 6px solid #1A2C43;
              }
              .pengumuman h2 > span{
                background: #1A2C43;
                padding: 9px 13px; 
              }

              .berita{
                float: left;
                background-color: #fff;
              }
              .berita h2{
                background: #073C64;
                color: #fff;
                margin-bottom:0px;
              }
              .berita h2::after {
                  border-top: 6px solid #1A2C43;
              }
              .berita h2 > span{
                background: #1A2C43;
                padding: 9px 12px; 
              }
              .block ul{
                list-style:none;
                margin-left: -2.8em;
                margin-bottom: 0px;
              }
              .pengumuman ul li{
                border-bottom: 1px dotted rgba(255,255,255,0.4);
              }

              .pengumuman ul a{
                display: block;
                padding: 7px 15px;
                font-family: 'NeoSansIntel',Tahoma,"Open Sans",Verdana,Arial,serif;
                color: #fff;
                text-transform: capitalize;
              }
              .pengumuman ul a:hover{
                background: #073C64;
              }

              .berita .berita-item {
                  padding: 0px 0px 5px;
              }

              .berita .berita-item h4 {
                  padding: 10px 20px 4px 20px;
                  font-size: 14px;
                  font-weight: bold;
                  font-family: 'NeoSansIntel',Tahoma,"Open Sans",Verdana,Arial,serif;
                  text-transform: capitalize;
                  margin-bottom: 0px;
              }

              .berita .berita-item h4 i{
                  padding: 15px 17px 5px 16px;
                  font-size: 13pt;
                  color: #BDC3C7;
              }

              .berita .berita-item h4 a{
                  color: #073C64;
              }

              .berita .berita-item .date {
                  color: #bdc3c7;
                  font-size: 10pt;
                  padding:0 20px 10px 20px;
              }

              .berita .berita-item .date i{
                  padding: 4px 13px 10px 12px;
                  font-size: 11pt;
              }

              .berita .berita-item .post {
                  float: left;
                  padding: 0 20px 10px 20px;
                  text-align: justify;
              }
              .berita .berita-item .thumb {
                  width: 130px;
                  float: left;
                  margin: 0 10px 0 0;
              }
              .berita .berita-item p {
                  font-size: 13px;
              }