* {
  box-sizing: border-box;
}
.news-sec{
      margin: 0 auto; /*ALL are center*/
      width: 98%;
      margin-top: 5px;
}

/*
.news-NAL-INL{
	width: 98%;
	background-color: red;
	vertical-align: middle;
	display: inline-block;
	margin: auto;
}
.news-sec-one{
      width: 50%;
}

.news-sec-two{
      width: 25%;
	   background-color: red;
}

.news-sec-three{
      width: 25%;
	   background-color: red;
}
*/

/* Center website */
.main {
  max-width: 100%;
  margin: auto;
  }

h1 {
  font-size: 50px;
  word-break: break-all;
}

.row {
  margin: 8px -16px;
}

/* Add padding BETWEEN each column */
.row,
.row > .column {
  padding: 4px;
}

/* Create four equal columns that floats next to each other */
.column {
    margin: auto;
  width: 25%;
}

/* Clear floats after rows */ 
.row:after {
  content: "";
  display: table;
  clear: both;
}


/* Content */
.content {
	 width: 100%;
    padding: 2px; 
    margin: auto;
}

.content:hover {
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);	
}

.content-link{


}


.logoad-news {
    width:100%;
    height:110px;
    float:left;
    text-align:justify;
    border:0px solid #000;
    background-color: #FFF;
}


.right_pic {
    width:50%;
    float:left;
    border:0px solid #000;
    margin: auto;
}

.left_text {
    border:0px solid #000;
    float:right;
    width:50%;
    height:110px;
    display:inline-block;
    overflow: hidden;
}

.right_pic img{
width:100%;
}

.left_text-title{
  padding: 7px;
  text-align: left;
font-size: 12px;
}





/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 900px) {
  .column {
    width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
  
  .right_pic {
    width:33%;
}

.left_text {
    width:67%;
}

.left_text-title{
  padding: 5px;
font-size: 14px;
}


}



