* {
    padding: 0px;
    margin: 0px;
    font-family: Vazir,'IRAN Sans','A Iranian Sans','B Yekan',sans-serif;
}

header {
    padding: 5px;
    background-color:#608391;
    border-bottom: 5px solid #9dff00;
}
section{
    padding:20px 30px;
    direction:rtl;
    text-align:right;
    line-height:2;
}

h1 {
    color:#679900;
    font-size:x-large
}
h2{
    color:#00ceff;
    font-size:larger;
}
h3 {
    color:#ffcc09;
    font-size: large;
}
h4 {
    color:violet;
    font-size: medium;
}

picture{
    padding:15px
}
picture source {
    width:300px;
    height:300px;
}
@media (max-width: 500px) {
    li {
        list-style: none;
        margin: 15px 5px;
         display:inline-block;
    }
    picture {
       width:97%;
    }
	
	  ul.breadcrumb li {
      display: grid !important;
  }
}
@media (min-width: 500px) {
    li {
        list-style: none;
        margin: 15px 2px;
         display:inline-block;
    }
    picture {
        width: 25%;
    }
	
	   ul.breadcrumb li + li:before {
        padding: 8px;
        color: black;
        content: "/\00a0";
    }
	
}






strong a {
    border: 1px solid #ffffff;
    padding: 2px 3px;
    background-color: #000000;
    color: #ff9900;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
} 

span img {
    width: 100px;
    margin-bottom: -25px;
    border: 1px solid #9dff00;
}
.mobile {
    padding:0px 2px;
    background-color: #ffffff;
    color: black;
    border-radius:3px;
    border:1px solid #fb7100;
    text-align:center;
}
img {
    width: 100%;
    height: auto;
    max-width: 800px;
    text-align: center;
}
.tempimage {
    width: 100%;
    height: auto;
    max-width: 300px !important;
    text-align: center;
}
article {
    padding: 20px 30px;
    display: block;
    direction: rtl;
    text-align: right;
    background-color: #2e2e2e;
    min-height: 800px;
    color: #c7c5c5;
    line-height: 2.5;
}
.mainimage{
 text-align:center;
}

aside {
    padding: 20px 30px;
    display: block;
    direction: rtl;
    background-color: #2e2e2e;
    color: #c7c5c5;
}
.main{
    margin-bottom:30px;
    text-align:center;
}
footer {
    text-align: center;
    color: white;
    background-color: black;
    padding: 10px;
    display: block;
    bottom: 0px;
    margin-bottom: 0px;
    position: fixed;
    width: 100%;
    border-top: 2px solid orange;
}




ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    background-color: #608391;
}

    ul.breadcrumb li {
        display: inline;
        font-size: 18px;
    }



        ul.breadcrumb li a {
            color: white;
            text-decoration: none;
        }

            ul.breadcrumb li a:hover {
                color: #01447e;
                text-decoration: underline;
            }