#In-Raj,#His-Raj{
width:100%;
height:20vw;
display:block;
position:relative;
overflow:hidden;
background-size:100%;
background-image:url("../../image/art/head.png");
}
#His-Raj{
background-image:url("../../student/image/In-Raj.webp");
}
#polityhead{
width:100%;
height:20vw;
display:block;
position:relative;
overflow:hidden;
background-size:cover;
background-image:url("../../image/polity/head.png");
}
p img{
float:left;
width:17%;
margin:2%;
display:block;

}
.title{
font-size:3vw;
display:block;
padding-top:1vw;
text-align:center;

background-color:#81D8D0;
animation: Color 2s linear infinite;
}
.subtitle{
display:block;
font-size:2.5vw;
text-indent:5vw;
}
.suptitle{
display:block;
font-size:2vw;
text-indent:4vw;
}
p{
padding:1vw;
font-size:2vw;
text-indent:5vw;
text-align:justify;
}

@keyframes Color{
  0%{
    color:#560319;
  }
  
  20%{
    color:#82FC3B;
  }
  
  40%{
    color:#FF6700;
  }
  
  60%{
    color:#FF0000;
  }
  
  80%{
    color:#560319;
  }
  
  100%{
    color:#997070;
  }
}
table{
font-size:2vw;
width:100%;
border-spacing: 0 0.01vw;
text-align:center;
margin-bottom:2vw;
}

table tr th, tr td{
border:0.2vw solid;
padding:1vw 0;
}
table tr th:nth-child(1){
width:20vw;
}
table tr th{
color:white;
background-color:#FF5452;
}
table tr:nth-child(odd){
background-color:#F7E7CE;
}

@media(max-width:800px){
.title{
font-size:5vw;
}
.subtitle{
font-size:4.5vw;
}
.suptitle{
font-size:4.2vw;
}
p{
padding:1vw;
font-size:4vw;
text-indent:5vw;
font-weight:bold;
text-align:justify;
}
p img{
width:50%;
}
table{
font-size:4vw;
}
table tr th:nth-child(1){
width:30vw;
}
}