.news-wrapper{
    background-color: white;
}

a:hover{
    text-decoration: none;
}

wrapper{
    padding: 50px;
}

blockquote{
    text-align: justify;
}

.mail-button{
    float:left; 
    border: 1px black solid; 
    width: 72px; 
    height: 20px; 
    border-radius: 2px;
    margin-right: 2px;
}

.page-title{
    text-align: center; 
    font-weight: bold;
    background-color: 
    white;color: black; 
    margin: 0; 
    padding-top: 20px; 
    padding-bottom: 20px;
    background-color: rgba(255,255,255,1)
}

.return-text{
    text-align: left; 
    padding-left:  20px; 
    padding-top: 20px; 
    padding-bottom: 20px;
}


.padding-left{
    padding-left: 50px;
}

#feed{
    width: 90%;
    margin: auto auto; 
    color: black;
    text-align: justify;
}

.image-wrap-left{
    width: 200px;
    height: 200px;
    position: relative;
}

.quote{
  width: 75%;
  margin-left: 30px;
  display: inline-block;
  vertical-align: top; /* here */
}

.quote> h3{
    margin-top: 0px;
}

.wrap-padding{
    padding-top: 20px;
    padding-bottom: 20px;
}

.date{
    float:right;
      
}

#pre_box{
    width: 90%;
    margin: auto;
    padding: 6px;
    border: 1px solid lime;
    margin-bottom: 5px;
    margin-top: 5px;
}

#status_box{
    width: 100%;
    height: 50%;
    resize: none;
}

#loader{
    font-size: 20px;
    text-align: center;
}

#status_error{
    color: red;
}

textarea{
    width: 300px;
    height: 200px;
}

._2p3a{
    min-width: 180px;
    width: 600px;
}

/* background main */
._2hkj {
    background: red !important;
}

/* background face pile */
iframe ._2ph- {
    background: blue !important;
    
}
/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/
/*
/*---------- MEDIA 1440px ----------*/
@media  (max-width: 1440px) {
  .quote{
  width: 72.5%;
}
}
/*---------- MEDIA 1300px ----------*/
@media  (max-width: 1300px) {
  .quote{
  width: 70%;
}
}
/*---------- MEDIA 1024px ----------*/
@media  (max-width: 1024px) {
  .quote{
  width: 65%;
}
/*---------- MEDIA 768px ----------*/
@media  (max-width: 768px) {
 .quote{
 
 }
 .padding-left{
    padding-left: 20px;
}
}
/*---------- MEDIA 425px ----------*/

@media  (max-width: 425px) {
.quote{
width: 90%;
}

.image-wrap-left{
margin-left: 22.5%;
}

.quote> h3{
margin-top: 20px;

}  

.return-text{
    font-size: 28px;
}
.padding-left{
    padding-left: 0px;
}
 
}
/*---------- MEDIA 375px ----------*/

@media  (max-width: 375px) {
    .image-wrap-left{
    margin-left: 20%;
 }
 
 /*---------- MEDIA 320px ----------*/

@media  (max-width: 320px) {
   .image-wrap-left{
    margin-left:15%;
   }
 }
}
}