:root {
    --dark_brown: #483629;
    --blue: DodgerBlue;
    --off_white: #dfe1dd;
    --bright_green: LimeGreen;
}

#phone-landscape {
    display: none;
}

@font-face {
    font-family: poppins300;
    src: url(/lang/msa/fonts/Poppins-Light.ttf);
}

@font-face {
    font-family: poppins400;
    src: url(/lang/msa/fonts/Poppins-Regular.ttf);
}

@font-face {
    font-family: poppins600;
    src: url(/lang/msa/fonts/Poppins-SemiBold.ttf);
}

@font-face {
    font-family: artifika;
    src: url(/lang/msa/fonts/Artifika-Regular.ttf);
}

@font-face {
    font-family: scheherazade;
    src: url(/lang/msa/fonts/Scheherazade-Regular.ttf);
}

@font-face {
    font-family: scheherazade_bold;
    src: url(/lang/msa/fonts/Scheherazade-Bold.ttf);
}

#logo {
    font-family: poppins300;
    font-size: 30px;
    color: var(--dark_brown);
}

#menu-headings {
    color: green;
    font-size: 20px;
}


/* Default is for PC screen with a min-width: 1025px */

body {
    background-image: url(/administration/msa/images/arabia.jpg);
    /*background-position: center;  Center the image */
    background-position: right center;
    background-repeat: no-repeat;
    /* Do not repeat the image */
    background-size: cover;
    /* Resize the background image to cover the entire container */
    height: 100vh;
}