@media screen and (min-width: 320px) and (max-width: 359px) {
  
.com-content-article__body{
    padding:0 10px;
    box-sizing: border-box;
}  
  
  
 .com-content-article__body img,
 .com-content-article__body iframe{
     width: 100%;
    height: auto;
 } 
  
 h1{
         text-align: center;
    font-size: 30px;
    margin: 15px 0;
 } 
  
  
   
    
}
@media screen and (min-width:360px) and (max-width:475px) {
      
.com-content-article__body{
    padding:0 10px;
    box-sizing: border-box;
}  
  
  
 .com-content-article__body img,
 .com-content-article__body iframe{
     width: 100%;
    height: auto;
 } 
  
 h1{
         text-align: center;
    font-size: 30px;
    margin: 15px 0;
 } 
  
}
@media screen and (min-width:476px) and (max-width:639px){
      
.com-content-article__body{
    padding:0 10px;
    box-sizing: border-box;
}  
  
  
 .com-content-article__body img,
 .com-content-article__body iframe{
     width: 100%;
    height: auto;
 } 
  
 h1{
         text-align: center;
    font-size: 30px;
    margin: 15px 0;
 } 
  
}
@media screen and (min-width:640px) and (max-width:767px){
      
.com-content-article__body{
    padding:0 10px;
    box-sizing: border-box;
}  
  
  
 .com-content-article__body img,
 .com-content-article__body iframe{
     width: 100%;
    height: auto;
 } 
  
 h1{
         text-align: center;
    font-size: 30px;
    margin: 15px 0;
 } 
  
}
@media screen and (min-width: 768px) and (max-width: 768px) {}
@media screen and (min-width: 1024px) and (max-width: 1024px) {}