#background{
    background-color: #CCCCCC;
    background-image: url("../images/bg.png");
}

#matn{
color:red;
}


#topnav{
    background-color: #006699;
    background-image: url("../images/diagmonds.png");
    height: 70px;
    padding-top: 0px;
    padding-bottom: 20px;
}

#entitr{
    color:white;
    font-family: "Bernard MT Condensed";
    display: inline;
    float:left;
    font-size: 30px;
}

#fatitr{
    color:white;
    font-family: "Bernard MT Condensed";
    display: inline;
    float:right;
    font-size: 30px;
}

#menu{
    margin:auto;
    width: 80%;
    margin-top: 50px;
}

#menuitem{
    font-family:"Tahoma";
    font-size: 20px;
    color:white;
}

#menuitemdropdown{
    font-family:"Tahoma";
    font-size: 22px;
    color:black;
}

#menucenter{
    margin:auto;
    width: 500px;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 70%;
    margin: auto;
}

.company{
    background-color: red;
    width: 200px;
    height: 200px;
    margin-top: 40px;
    margin-bottom: 40px;
    border-radius: 100px;
}

.mycards{

    width:300px;
}

.rowcenter{
    width: 80%;
    margin: auto;
    margin-top: 60px;
}

.centertahoma{
    text-align: center;
    font-family: Tahoma;
}

.address{
    font-size: 16px;
    direction: rtl;
}

.footer{
    background-color: black;
    color:white;
    font-size: 16px;
    height: 200px;
}

#textfont{
	font-size:15px;
	font-family:Tahoma;
	text-align:right;
	direction:rtl;
        color:red;
	}


@media (min-width: 979px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }
}

@media screen and (max-width: 800px) {
    .mycards {

        width: 200px;
    }
}
@media screen and (max-width: 650px) {
    #entitr{display: none}
    #fatitr{
	display: none
    }
    #menucenter{
        margin:auto;
        width: 150px;
        font-size: 10px;
    }


}