﻿body {
}

@font-face {
    font-family: 'W_yekan';
    src: url('../font/Yekan.woff') format('woff');
}

#videoplayer {
    margin-top : 2%;
}

.gallerymain {
    top: 1%;
    position: absolute;
    left: 1%;
    right: 1%;
    width: 98%;
    height: 75%;
    background-color: black;
}

.galleryselector {
    bottom: 0;
    left: 1%;
    right: 1%;
    position: absolute;
    width: 98%;
    height: 25%;
    display: flex;
    overflow-x: scroll;
    background-color: rgba(70,00,70,1);
}

.galleryimage {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.menu {
    right: 0;
    position: absolute;
    text-align: left;
    list-style: none;
}


@media screen and (max-width:1150px) {

    .menu_item {
        padding-right: 15px;
        padding-left: 15px;
        height: 80px;
        text-decoration: none;
        cursor: pointer;
        font-size: 40px;
        color: white;
        font-family: W_yekan;
        background-color: transparent;
        width: 80%;
        border: solid;
    }

    .gallerythumb {
    display: block;
    height : 100%;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    float: left;
}
}

@media screen and (min-width:1150px) {

    .menu_item {
        padding-right: 15px;
        padding-left: 15px;
        height: 45px;
        text-decoration: none;
        cursor: pointer;
        font-size: 22px;
        color: white;
        font-family: W_yekan;
        background-color: transparent;
        width: 70%;
        border: solid;
    }

    .gallerythumb {
    height: 84%;
    display: block;
    margin-top : auto;
    margin-bottom : auto;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    float: left;
}

    .gallerythumb:hover {
        height : 100%;
        color: red;
    }
}



.menu_item:hover {
    background-color: purple;
}
