body {
}


.my-7cols-4rows-grid {
    display: grid;
    position: relative;
    top: 20px;
    grid-gap: 5px;
    grid-template-columns: 40px 1fr 60px minmax(80px,180px) 60px 1fr 40px;
    grid-template-rows: 25px 40px 20px 30px;
    color: white;
    font-size: 18px;
    font-weight: 700;
    padding: 10px;
    background-image: url('/Content/IMAGES/ФотоЛрк2.jpg');
}


.my-Calendar {
    position: relative;
   
}


.my-Calendar-Mobile {
    position: relative;
    left: 12px;
    top: 12px;
}

/*.my-2cols-1rows-grid {
    display: grid;
    position: relative;
    grid-gap: 2px;
    grid-template-columns: repeat(2, minmax(60px, 120px));
    grid-template-rows:  minmax(20px, 40px);
    color: white;
   
    font-weight: 700;
    padding: 2px;
    background-image: url('/Content/IMAGES/ФотоЛрк2.jpg');

*/





@media screen and (max-width: 1920px) {


    .my-Calendar {
        position: relative;
        left: 18Vw;
        top: 20px;
    }

    .my-Calendar-Mobile {
        position: relative;
        left: 12px;
        top: 12px;
    }


}


@media screen and (max-width: 1600px) {

    .my-Calendar {
        position: relative;
        left: 18Vw;
        top: 20px;
    }

    .my-Calendar-Mobile {
        position: relative;
        left: 12px;
        top: 17px;
    }

}


@media screen and (max-width: 1366px) {

}



@media screen and (max-width: 320px) {

    #calendar {
        position: relative;
        left: 10Vw;
        top: 20px;
    }
}