@media screen and (max-width:1024px) {
header img{

margin-left: 7px;    
}
    .Calendar_name h1{
    margin-right: 50px;
    font-size: 40px;
}
.Calendar_table{
margin: 50px 20px;
}
.Calendar_table h3{
    font-size: x-large;

}

header .header_dis img{
margin-top: 5px;
}
header .header_dis h3{
font-size: medium;
}
}
@media screen and (max-width:600px) {
header img{

margin-left: 7px;    
}
    .Calendar_name h1{
    margin-right: 50px;
    font-size: 40px;
}
.Calendar_table{
margin: 50px 20px;
}
.Calendar_table h3{
    font-size: x-large;

}

header .header_dis img{
margin-top: 5px;
}
header .header_dis h3{
font-size: medium;
}
}