.cont{
width:100%;
font-weight:bold;
font-size:2.5vw;
border-spacing: 0 0.1vw;
}
.cont th{border:0.2vw solid white; background-color:#7D0552; color:white; padding:1% 0; text-align:center;}
.cont td{
padding:1%;
text-align:justify;
border:0.1vw solid black;
background-color:light;
}
.cont tr td:nth-child(1){width:27%; text-align:center;}
.cont td img{width:25vw; display:block; margin:auto;}
@media(max-width:800px){
.cont {font-size:4vw;}
.cont tr td:nth-child(1){width:33%;}
}




body{font-weight:bold;}
.location{
float:left;
width:30%;
border:none;
color:white;
font-size: 3vw;
cursor: pointer;
margin:1% 1.65% 1% 1.65%;
text-align: center;
text-decoration: none;
background-color:rgba(255,0,0, 0.5);
}
#topic{
width:99%;
margin:0.5%;
font-size:2vw;
text-indent:3vw;
position:relative;
overflow:hidden;
text-align:justify;
}
#arthead{
width:100%;
height:20vw;
display:block;
position:relative;
overflow:hidden;
background-size:100%;
background-image:url("../../image/art/head.png");
}
#polityhead{
width:100%;
height:20vw;
display:block;
position:relative;
overflow:hidden;
background-size:cover;
background-image:url("../../image/polity/head.png");
}
#currenthead{
width:100%;
height:20vw;
display:block;
position:relative;
overflow:hidden;
background-size:cover;
background-image:url("../../image/current/head.png");
}
#topichead{
width:100%;
height:20vw;
display:block;
position:relative;
overflow:hidden;
background-size:cover;
background-image:url("../../image/history/camle.gif");
}
#indiahead{
width:100%;
height:20vw;
display:block;
position:relative;
overflow:hidden;
background-size:50%;
background-image:url("../../image/history/india.png");
}
#worldhead{
width:100%;
height:20vw;
display:block;
position:relative;
overflow:hidden;
background-size:100%;
background-image:url("../../image/history/world.png");
}
#topicheadtxt, #worldheadtxt, #indiaheadtxt{
height:20vw;
opacity:50%;
display:block;
font-size:10vw;
text-align:center;
padding-top:2vw;
background-color:black;
}
#topic font{
display:block;
font-size:3vw;
margin-left:3vw;
text-decoration:underline;
}
#topic img{
float:left;
width:29%;
margin-right:0.5%;
}
#topic #img2{
float:right;
width:50%;
margin:1%;
}
artical{
width:99%;
margin:0.5%;
overflow:auto;
display:block;
text-align:justify;
position:relative;
}
artical h2{
font-size:3vw;
color:white;
text-align:center;
background-color:#7D0552;
border-top:0.1vw solid white;
border-bottom:0.1vw solid white;
}
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 white;
}
artical font{
display:block;
margin-left:3vw;
text-decoration:underline;
}
@media(max-width:800px){
.location{
margin:0.65%;
width:32%;
font-size:3.5vw;
}
#topichead, #indiahead, #worldhead{
height:45vw;
}
#topicheadtxt, #worldheadtxt, #indiaheadtxt{
height:40vw;
padding-top:15vw;
font-size:12vw;
}

#topic{
font-size:4vw;
}
#topic font{
font-size:5vw;
}
#topic img{
width:40%;
}
#topic #img2{
float:none;
width:100%;
}
artical{
float:none;
width:99%;
margin:1% 0px;
}
artical h2{
font-size:6vw;
}
artical p{
font-size:4.6vw;
}
}