:root {
  --aj-black: #000;
  --aj-grey : #404040;
  --aj-grey2 : #555555;
  --aj-grey-light:#e8e8e8;
  --aj-white : #FFF;
  --aj-red : #b6002c;
  --aj-twitter-blue:#1d9bf0;
}

body{
	background-color:var(--aj-black);
}
a{
	text-decoration:none;
}
#main-container{
	background-color:var(--aj-grey);
}
.white{
	color:var(--aj-white);
}
.red{
	color:var(--aj-red);
}
.red:hover{
	color:var(--aj-red);
}
.black{
	color:var(--aj-black);
}
.bold{
	font-weight:bold;
}
.aj-icon{
	background-color:var(--aj-red);
	padding:5px;
	border-radius:5px;
	min-height:30px;
	min-width:30px;
	color:var(--aj-white);
	font-weight:bold;
	text-align:center;
}
.aj-twitter-button{
	background-color:var(--aj-twitter-blue);
	padding:10px;
	border-radius:5%;
	color:var(--aj-white);
	text-decoration:none;
}
.main-category-btn{
	background-color:var(--aj-grey2);
	color:var(--aj-white);
	margin:2px;
	text-transform:uppercase;
	font-weight:bold;
	text-wrap:none;
	-webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.5);
}
.main-category-btn:hover{
	background-color:var(--aj-red);
	color:var(--aj-white);
}
.main-category-btn-selected{
	background-color:var(--aj-red);
	color:var(--aj-white);
}
.main-register-btn{
	background-color:var(--aj-red);
	color:var(--aj-white);
	margin:2px;
	text-transform:uppercase;
	font-weight:bold;
	-webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.5);
}
.main-register-btn:hover{
	background-color:var(--aj-red);
	color:var(--aj-white);
	margin:2px;
	text-transform:uppercase;
	font-weight:bold;
}

.fixed {
    position: fixed;
    top:0;     
	left:0;	
	width:100%;
	z-index:9999 }
h1,h2,h3,h4,h5,h6{
}
header{
	background-color:var(--aj-grey);
}
.header-text{
	font-size:13px;
	line-height:20px;
}
section{
}
footer{
	background-color:var(--aj-grey-light);
}
footer a{
	color:var(--aj-gray);
	font-weight:bold;
}
.main-movie-list-title{
	background-color:var(--aj-grey2);
	font-size:14px;
	color:var(--aj-white);
	margin:2px;
	padding:8px;
	text-transform:uppercase;
	font-weight:bold;
	text-wrap:none;
	border-radius:5px;
	-webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.5);
}
.movie-list-title{
	font-size:14px;
	color:var(--aj-gray2);
}
.movie-list-description{
	font-size:14px;
	color:var(--aj-black);
}
.movie-list-model{
	color:var(--aj-red);	
}

.aj-pagination-icon{
	color:var(--aj-white);
	min-height:25px;
}
.aj-pagination-text{
	color:var(--aj-white);
}

.aj-table{
	
	width:100%;
}

.aj-table-cell{
	background-color:var(--aj-grey-light);
	border:1px solid var(--aj-grey);
	vertical-align:text-top;	
	
}
#favorite-movie-comment:disabled{
	border:4px;}

video{
	object-fit: cover;
}

@media (min-width: 576px){


}

@media (max-width:480px)  { 
/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
.header-text{
	font-size:14px;
	line-height:35px;
}
}
@media (max-width:361px)  { 
/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
.header-text{
	font-size:12px;
	line-height:35px;
}
.main-movie-list-title{
	font-size:14px;
	line-height:25px;
}

}
@media (min-width: 481px){

}
@media (min-width:961px)  { 
/* tablet, landscape iPad, lo-res laptops ands desktops */ 
	
	
}