#about{
position:relative;
overflow:hidden;
}
#about img{
height:40vw;
width:100%;
}
#about h2{
top:0;
left:30%;
color:white;
font-size:5vw;
position:absolute;
}
artical{
width:99%;
display:block;
text-align:justify;
padding:0.5%;
}
artical::-webkit-scrollbar{
display:none;
}
artical h2{
font-size:3vw;
text-align:center;
border-top:0.1vw solid yellow;
border-bottom:0.1vw solid yellow;
background-color:rgba(255,0,0,0.5);
}
artical p{
font-size:2.5vw;
padding:0.5vw;
text-indent:3vw;
text-align:justify;
}
artical p img{
float:left;
width:20%;
display:block;
margin:1% 2% 0% 1%;
border:0.2vw dotted yellow;
}
#aboutdis{
text-align:center;
font-size:2vw;
}
#aboutdis h2{
color:yellow;
font-size:4vw;
text-align:center;
background-color:rgba(255,0,0,0.5);
}
#aboutdis img{
width:30%;
display:block;
margin:0px auto;
}

@media(max-width:800px){
artical h2{
font-size:5vw;
}
artical p{
font-size:4vw;
}
#aboutdis{
float:none;
font-size:4vw;
}
#aboutdis h2{
float:none;
font-size:5vw;
}
#aboutdis img{
float:none;
display:block;
margin:auto;
width:100%;
}
}