*{
    margin:0;
    padding:0;
}
body{

}
#main_news{
    background-color:#fff;   
    position:relative;
    top: 0px;
    font-size:16pt;
    padding:0;
    width: 100%;
    height: auto;
         display:flex;
  flex-flow:row wrap;
  justify-content:center;
    overflow:hidden;
}

#main_news h1{
 /*   background:#0F2851;*/
 /*position: relative;*/
 /*top: -30px;*/
 /*padding:30px 0;*/
 /*    margin:30px 0;*/
 /*   text-align:center;*/
   /*color: #0F2851;*/
 /*  color: #fff;*/
 /*  width:100%;*/
   /*border-bottom: 1px dashed #0F2851;pyramid.png*/
   /* background-image: url("../../../../../../../../../../App/Public/images/whitediamond.png");*/
   /*background-repeat: repeat; */
}
#components{
 position: relative;
background-color:#fff; 
padding:70px  0;
margin:0;
    width: 70%;
    height:auto;
    overflow: hidden;
}
#component{
     width:100%;
     padding:0px;
border-bottom:1px solid #ccc;
    text-decoration:none;
 overflow:hidden;
}
#component a, #component #names a{
     text-decoration:none;
}
#component img{

    padding:0;
  margin:20px 20px 5px 0;
    height:auto;
    width:auto;
    max-height:300px;
    max-width:300px;
     border-radius:25px;
       float:left;
overflow:hidden;
}
#component h2{ 
font-weight:900;
margin:0 0 20px 0;
  word-break:normal;
}
#reg_date{
color:cadetblue;
font-weight: 900;
display:block;
   word-wrap: break-word;
 }
@media only screen and (max-width: 1250px){
#components{
 position: relative;
padding:50px 0;
margin: 0;
    width: 80%;
    height:auto;
    overflow: hidden;
}
 
}
@media only screen and (max-width: 1150px){
        #components{
 position: relative;
padding:40px 0;
margin: 0;
    width: 90%;
    height: auto;
    overflow: hidden;
}

}
@media only screen and (max-width: 990px) {
    #components{
 position: relative;
padding:30px 0;
margin:0;
    width: 90%;
    height:auto;
    /*overflow: hidden;*/
}
    
 
}
@media only screen and (max-width: 790px) {
    #components{
 position: relative;
padding:20px 0;
margin: 0;
    width: 95%;
    height:auto;
    /*overflow: hidden;*/
}
    
 
}
@media only screen and (max-width: 600px) {
     #component{
         display:flex;
         flex-wrap:wrap;
         justify-content:center;
     word-wrap: break-word;
          padding:20px;
         margin:0;
     }
 
     #component #text{ 
         display:flex;
         flex-wrap:wrap;
      word-wrap: break-word;
         justify-content:center;
         text-indent:30px;
         width:100%;
         padding:0;
         margin:0;
     }
    
  #component img{
 margin:30px 0;
    width:auto;
    height:auto;
   max-width:100%;
    max-height:100vh;
 border-radius:25px;
}
}