.seminar {
	display:inline-block;
	position:absolute;
	left:70px;
	top:90%;
	z-index:30;
}
	.seminar a,.seminar a:link,.seminar a:hover,.seminar a:active,.seminar a:visited,.seminar a:focus {
		display:block;
		line-height:40px;
		border:1px solid #FFF;
		background:rgba(78,55,24,0.7);
		transition:all ease-in-out 0.5s;
		font-size:20px;
		padding:0 10px;
		text-transform:uppercase;
		color:#FFF;
		margin-top:20px;
	}
	

/* ###################################################################################################### */
/* ###################################################################################################### */
/* ###################################################################################################### */
/* ###################################################################################################### */
/* ###################################################################################################### */
/* responsive Seetings */


/* basic responsive settings for all devices */
@media only screen and (max-width: 1024px) {

.seminar {
	left:auto;
	right:3%;
	top:auto;
	bottom:10%;
}

}


/* tablets portrait */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
.seminar a,.seminar a:link,.seminar a:hover,.seminar a:active,.seminar a:visited,.seminar a:focus {
	text-transform:none;
	padding:0 5px;
}

}


/* smartphones portrait */
@media only screen and (max-width: 767px) {

.seminar {
	display:none;
}

}


/* smartphones landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}