* {
  box-sizing: border-box;
}
.All-sec{
      margin: 0 auto; /*ALL are center*/
      width: 99%;
      margin-top: 2px;
}


/* Center website */
.All-main {
  max-width: 1000px;
  margin: auto;
}

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

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

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

/* Create four equal columns that floats next to each other */
.All-column {
  float: left;
  width: 16.5%;
}

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

/* Content */
.All-content {
  background-color: white;
  padding: 1px;
  height: 230px;
  overflow: hidden;
}

.All-content img{
	    width: 100%;
 }
 
.All-content p {
font-size: 13px;
color: #061b2d;
    overflow: hidden;
}

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




.filelinkbar{
    padding: 2px;
    border-bottom: 2px solid #061b2d;
}

.filelinkbar p{
    font-size: 16px;
    font-style: normal;
}
	
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 900px) {
  .All-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) {
  .All-column {
    width: 50%;
  }
  
.All-content p {
font-size: 12px;
color: #061b2d;
    overflow: hidden;
}


.filelinkbar{
    border-bottom: 1px solid #3e98e5;
}

.filelinkbar p{
    font-size: 14px;
}
}