@media screen and (max-width: 1200px)
{
.content-section-title
{
      width: 100%;
      height: auto;      
      margin-top: 20px;
}
.content-section-title
.title-container
{
      width: 85%;
      height: auto;            
}
.content-section-title
.title-container
h4
{           
      font-size: 20px;               
}
.content-section-title
.title-container
p
{          
      font-size: 12px;      
}
.content-section-title
.title-paragraph
{
      height: 15vh;            
      max-width: 100%;            
}
.content-section-title
.title-paragraph
h5
{          
      font-size: 12px;      
}
.content-section-title
.title-paragraph
h6
{                       
      font-size: 12px;            
}
.content-section-title
.title-paragraph
hr
{
      margin: 10px 0;
}    
}



@media screen and (max-width: 1200px)
{
.content-section-paragraph
{
      width: 100%;
      height: auto;      
}      
.content-section-paragraph
.paragraph-container
{          
      width: 98%;
      height: auto; 
}
.content-section-paragraph
.paragraph-a
{                 
      flex: auto;
      width: 100%;  
      height: auto;    
      border-radius: 30px 30px 0 0;
}   
.content-section-paragraph
.paragraph-a
.paragraph-article
{
      padding: 5%;      
}
.content-section-paragraph
.paragraph-a
h5
{
      padding: 5px 5px;      
      font-size: 0.8rem;
}
.content-section-paragraph
.paragraph-a
h6
{            
      padding: 5px 5px;      
      font-size: 0.8rem;
}
.content-section-paragraph
.paragraph-a
p
{
      font-size: 12px;      
}
.content-section-paragraph
.paragraph-a
img
{
      width: 80%;
      height: auto;         
      margin-top: 20px;            
}
.content-section-paragraph
.paragraph-b
{            
      flex: auto;
      width: 100%;      
      height: auto;    
      border-radius: 0 0 0 0;
}     
.content-section-paragraph
.paragraph-b
.paragraph-article
{
      padding: 5% 5%;
}
.content-section-paragraph
.paragraph-b
h5
{               
      padding: 10px 0px;
      font-size: 0.7rem;      
}
.content-section-paragraph
.paragraph-b
h6
{
      padding: 5px 0px;            
      font-size: 0.7rem;            
} 
.content-section-paragraph
.paragraph-b
p
{
      font-size: 12px;      
}
.content-section-paragraph
.paragraph-b
img
{
      width: 50%;
      height: auto;           
}
}



@media screen and (max-width: 1200px)
{
.content-section-element
{
      width: 100%;
      height: auto;
      padding-top: 10px;      
}
.content-section-element
.element-container
{          
      width: 95%;
      height: auto;      
}
.content-section-element
.element-a
{      
      width: 100%;          
      height: auto;                 
      border-radius: 0 0 0 0;
}
.content-section-element
.element-article
{
      padding: 2%;
}
.content-section-element
.element-a
h5
{
      font-size: 15px;      
      padding: 5px 5px;      
}
.content-section-element
.element-a
h6
{
      font-size: 14px;      
      padding: 5px 5px;
}
.content-section-element
.element-a
p
{
      width: 90%;      
      font-size: 12px;      
      padding: 5px 5px;
}
.content-section-element
.element-b
{      
      width: 100%;             
      height: auto;         
      border-radius: 0 0 30px 30px;
}
.content-section-element
.element-collapse
{     
      width: 90%;         
      float: none;         
      padding: 5px 5px;          
}
.content-section-element
a 
{     
      font-size: 12px;  
      text-indent: 5px;
}
.content-section-element
.element-collapse
p 
{                 
      font-size: 12px;      
      padding: 5px 5px 5px;
}
}