html,body{
    font-family:"Tajawal";
    height: 100%;
    width: 100%;
}
header{
    background-color:#5078FA;
    position: fixed;
    width: 100%;
    z-index: 1;
    }
header nav{
    background-color: #5078FA;
} 
.color-text-primary{
    color:#5078FA;
}  
main{
    padding-top: 80px !important;
    padding-bottom: 10px !important;
    min-height:62%;
} 
footer{
    position: relative;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    background-color: #343a40;
}
.a1:hover{
background-color:#208282;
border-radius: 20px;        
}
.card-cover{
background-repeat: no-repeat;
background-size:contain;
background-position:center center;
}
.mos:hover{
    transform:translateY(1%);
}
.card-size{
    height: 250px;
}
.h-text{
    max-height:40px;
    overflow: auto;
}
.img-size{
    border-radius:20px;
    max-height: 512px;
}
@media(max-width:768px){
    .img-size{
        border-radius:20px;
        max-height: 160px;
    } 
}