@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 0px) and (max-width: 960px) {

 .main-wrap{
    padding: 40px 0;     
 }
    
.pageheader {
    margin: 10% 0 0;
    height: 80px;
}

.pageheader h1.pagetitle {
    padding: 32px 0;
    font-size: 150%;
}    

h2.sub-title{
    margin: 0 0 20px;
    font-size: 120%;
}

h2.sub-title::before{
    width: 8px;
    height: 19px;
    margin-bottom: -2px;
}

.news-wrap .date {
    text-align: left;
}

.docs{
    display: block;
}
    
.docs h2.date{
    margin: 0;
    width: 100%;
    border-bottom: none;
}    

.docs ul{
    margin: 0 0 20px;
    padding: 0 0 10px;
    width: 100%;
}
    
.docs ul li{
    margin: 5px 0 0;
    width: 100%;
    line-height: 160%;
}

.ind-wrap{
    padding: 0 10px 100px;
    background-image: linear-gradient(150deg, rgba(253, 252, 232, 0.7), rgba(255, 239, 237, 0.7));
}
    
h2.ind-mds {
    width: 100%;
    margin: 0px;
    padding: 100px 0 40px;
    position: relative;
    overflow: hidden;
    text-align: center;
    font-size: 200%;
    line-height: 120%;
    font-weight: 900;
    color: #F26969;
}

.contact-info {
    width: 90%;
    max-width: 500px;
    margin: 0 auto;
    padding: 12px 2.5%;
    position: relative;
    overflow: hidden;
    background: rgb(255,212,168);
background: linear-gradient(120deg, rgba(255,212,168,0.1) 0%, rgba(255,228,178,0.2) 38%, rgba(255,124,202,0.1) 63%, rgba(255,227,227,0.3) 100%); 
    border-radius: 10px;
}

.contact-info .ci-wrap {
    width: 90%;
    margin: 0 auto;
    padding: 60px 3.5%;
    text-align: center;
    background-color: #FFF;
    border-radius: 5px;
    font-weight: 700;
    font-size: 80%;
}

.contact-info .name {
    font-size: 110%;

}

.docs {
    display: flex;
}

.image_txt {
    display: block;
}
    
.image_txt img {
    width: 100%;
}
    
.sub_txt {
    margin: 10px 0;
    width: 100%;
    line-height: 180%;
}
    
}