body {
    font-family: "Open Sans", sans-serif;
    font-size: medium;
}

h1 {
    font-family: 'Arial Black', 'PT Bold Heading', sans-serif !important;
}
    h1:lang(ar) {
        font-family: 'PT Heading', 'Arial Black', sans-serif !important;
    }
h2 {
    font-family: Arial, 'PT Bold Heading', sans-serif !important;
    font-weight: bold !important;
}
.uk-navbar-left li{
    font-size:medium !important;
}
.my-slider {
    height: 75vh !important;
}
.yt-clr{
    background-color: #F39401 !important;
}
.my-to-top{
    position: fixed;
    bottom: -50px;
    right: 15px;
    background-color: #F39401 !important;
    color: white !important;
    font-weight: bold !important;
    opacity: 0.9;
    transition: 1s;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.my-to-top-show{
    bottom: 18px;
}
.my-logo-size{
    width: auto;
    height: 40px;
    margin: 0 0 0 20px;
}
.my-logo-size2{
    width: 60px;
    height: 30px;
    margin: 0 0 0 10px;
    padding: 2px;
    background-color: #ffffff;
}
.my-nav-padding{
    padding: 20px 20px 1px 20px;
}
.my-nav-padding-h{
    padding: 15px 50px 15px 50px !important;
}
.my-contact-links{
    color: white !important;
}
.my-contact-links:hover{
    color: rgb(240, 242, 250) !important;
}

.uk-card-media-top img{
height:300px !important;
}
.uk-grid{
    margin-left:unset !important;
}

@media (max-width: 960px) {
    /* CSS rules for screens with width 960px or less */
    .my-slider video, .my-slider img {
        height:auto !important;
    }
}
@media (max-width: 590px) {
    .uk-footer-copyright .uk-copyright, .uk-footer-copyright .uk-copyright-contact {
        width: 90% !important;
        text-align: center !important;
    }
}