.bordered{
    border:1px solid black;
}
.empty_div{
    height:10px;
}
.empty_div_between{
    height: 20px;
}
.month_div{
    height:180px;
    width:1000px;
    overflow-y: scroll;
}
.ures{
    height: 50px;
}
.event_div{
    margin:15px;
    width:550px;
    max-height:560px;
}
.event_det_div{
    margin:15px;
    width:500px;
    max-height:560px;
}
@media only screen and (max-width: 1162px) {
   .month_div{
       width:1000px;
   }
}
@media only screen and (max-width: 992px) {
   .month_div{
       width:800px;
   }
   .ures{
       height:150px;
   }
}
@media only screen and (max-width: 575px) {
   .month_div{
       width:450px;
   }
   .event_div{
        width:550px;
    }
    .event_det_div{
        width:500px;
    }
}
@media only screen and (max-width: 480px) {
   .month_div{
       width:300px;
   }
   .ures{
       height:100px !important;
   }
   .event_div{
        width:460px;
    }
    .event_det_div{
        width:400px;
    }
}
@media only screen and (max-width: 320px) {
   .month_div{
       width:200px;
   }
   .ures{
       height:100px;
   }
   .event_div{
        width:300px;
    }
    .event_det_div{
        width:250px;
    }
}

.month_div card{
    margin:5px;
    padding:5px;
    width:70px;
}
.spring{
    width:50px !important;
    height:560px;
    background-color: green;
}
.spring label{
    transform: rotate(270deg);
    margin-left:-10px;
    margin-top:250px;
    padding:auto;
    color:black;
}
.march{
    width:30px;
    height:180px;
    background-color: rgb(78, 214, 78);
}
.march label{
    transform: rotate(270deg);
    margin-top:80px;
    margin-left:-10px;
    color:black;
}
.april{
    width:30px;
    height:180px;
    background-color: rgb(38, 226, 38);
}
.april label{
    transform: rotate(270deg);
    margin-top:80px;
    margin-left:-5px;
    color:black;
}
.may{
    width:30px;
    height:180px;
    background-color: rgb(12, 185, 12);
}
.may label{
    transform: rotate(270deg);
    margin-top:80px;
    margin-left:-5px;
    color:rgb(0, 0, 0);
}
.summer{
    min-width:50px !important;
    height:560px;
    background-color: rgb(190, 48, 23);
}
.summer label{
    transform: rotate(270deg);
    margin-left:-5px;
    margin-top:250px;
    padding:auto;
    color:black;
}
.jun{
    width:30px;
    height:180px;
    background-color: rgb(233, 127, 108);
}
.jun label{
    transform: rotate(270deg);
    margin-top:80px;
    margin-left:-5px;
    color:black;
}
.jul{
    width:30px;
    height:180px;
    background-color: rgb(240, 97, 72);
}
.jul label{
    transform: rotate(270deg);
    margin-top:80px;
    margin-left:-5px;
    color:black;
}
.aug{
    width:30px;
    height:180px;
    background-color: rgb(238, 68, 38);
}
.aug label{
    transform: rotate(270deg);
    margin-top:80px;
    margin-left:-20px;
    color:black;
}
.autumn{
    min-width:50px;
    height:560px;
    background-color: rgb(190, 113, 23);
}
.autumn label{
    transform: rotate(270deg);
    margin-left:5px;
    margin-top:250px;
    padding:auto;
    color:black;
}
.sept{
    width:30px;
    height:180px;
    background-color: rgb(233, 169, 95);
}
.sept label{
    transform: rotate(270deg);
    margin-top:80px;
    margin-left:-25px;
    color:black;
}
.okt{
    width:30px;
    height:180px;
    background-color: rgb(223, 150, 67);
}
.okt label{
    transform: rotate(270deg);
    margin-top:80px;
    margin-left:-10px;
    color:black;
}
.nov{
    width:30px;
    height:180px;
    background-color: rgb(238, 142, 32);
}
.nov label{
    transform: rotate(270deg);
    margin-top:80px;
    margin-left:-20px;
    color:black;
}
.winter{
    min-width:50px;
    height:560px;
    background-color: rgb(23, 40, 190);
}
.winter label{
    transform: rotate(270deg);
    margin-left:10px;
    margin-top:250px;
    padding:auto;
    color:black;
}
.dec{
    width:30px;
    height:180px;
    background-color: rgb(100, 113, 230);
}
.dec label{
    transform: rotate(270deg);
    margin-top:80px;
    margin-left:-20px;
    color:black;
}
.jan{
    width:30px;
    height:180px;
    background-color: rgb(73, 89, 230);
}
.jan label{
    transform: rotate(270deg);
    margin-top:80px;
    margin-left:-5px;
    color:black;
}
.febr{
    width:30px;
    height:180px;
    background-color: rgb(35, 55, 235);
}
.febr label{
    transform: rotate(270deg);
    margin-top:80px;
    margin-left:-10px;
    color:black;
}
.week{
    height:30px;
}
.days{
    height:20px;
    width:70px !important;
}
.foods{
    height:150px;
    width:85px !important;
    margin:5px;
    padding:5px;
}
.foods_event{
    margin:5px;
    padding:5px;
    width: 90%;
}
.food{
    height:52px;
    width:72px;
    margin-top:5px;
}
.food_event{
    height:52px;
    width:72px;
    margin-right:5px;
}
.images{
    height:50px;
    width:70px;
}
@font-face {
    font-family: "aladdin";
    src: url('../fonts/aladdin.tff');
}