/* CSS Document */

		.header-actions {
			  background-color: #cccccc;
			background-image: url("../data/backgrounds/main-bg.jpg");
  height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
			display: relative;
  align-items: center;
		
		}
		.img-logo {
    margin: 0 auto;
    height: 400px;
    background-image: url("../data/logos/DominoTicket.png");
	background-size: 200px;
	  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
		.container-actions{
		width: 80%;
			max-width: 1264px;
		margin-bottom: 2em;
		margin-left: auto;
		margin-right: auto;
		display: grid;
		grid-column-gap: 5%;
		grid-row-gap: 1em;
		grid-template-columns: 33% 33% 33%;
		justify-content: center;  
		}
		.item{
        background-color: black;
			display: block;
        border-radius: 40px 40px 0px 0px;
        //box-shadow: 0 10px rgba(167, 5, 16, 1);
        color:white;
		height: auto;
			padding: 0px;
        margin-bottom: 1em;
        margin-top: 1em;
		}
		.header{
			position: relative;
		}
		.picture{
			width: 100%;
			height: 140px;

			filter: brightness(32%);
            -webkit-filter: brightness(32%);
            -moz-filter: brightness(32%);
			border-radius: 40px 40px 0 0;
		}
		.item h2{
			margin-left: 5px;
			position: absolute;
		  	bottom: 8px;
		  	left: 16px;
			font-size: 30px;
		}
		.footer-action{
		    
		}
		.foot-info{
            text-align: left;
			line-height: 25px;
			padding-left: 30px;
			padding-right: 30px;
        }
		/*.btn{
			border-radius: 10px;
			padding: 5px;
			background: red;
			margin: 15px;
			cursor: pointer;
			color: white;
		}*/
		.btnpay{
			border-radius: 10px;
			padding: 12px 20px;
			background: #35ac1fff;
			margin: 20px;
			text-algin: center;
			cursor: pointer;
			color: white;
		}
		.right{
			float: right;
		}
		.nakup{
		    float: right;
		    margin-top: 10px;
		    padding:10px;
		    height: 50px;
		    width:100%;
		    font-size: 30px;
		    background-color: rgba(167, 5, 16, 1);
		    text-align:center;
		    //border-radius: 10px;
		    
        }
        .nedostupne{
		    float: right;
		    margin-top: 10px;
		    padding:10px;
		    height: 50px;
		    width:100%;
		    font-size: 30px;
		    background-color: rgba(167, 5, 16, 1);
		    text-align:center;
		    //border-radius: 10px;
		    
        }
		@media screen and (max-width: 900px) {
		.container-actions{
			grid-template-columns: 100%;
		}
		
		
		}