@media only screen and (max-width:1450px) {
	
	#events .event .event-venue, #events .event .event-title {
		width: 100%;
		clear: both;
		float: left;
	}

	#events .event .event-venue {
		margin-right: 0;
	}

	#events .event .event-actions {
		position: static;
		float: right;
	}

}

@media only screen and (max-height:750px) {
	
	#header.fixed {
		position: absolute;
	}

}

@media only screen and (max-width:1200px) {
	
	#events .event {
		padding-left: 30px;
	}

	#events .event .event-data {
		left: 120px;
	}

	#events .event .event-actions.info, #events .event .event-actions.tickets, #events .event .event-actions.info.tickets {
		width: 180px;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
	}

	#events .event .event-actions .event-info, #events .event .event-actions .event-tickets {
		width: 100%;
		height: 100%;
		font-size: 15px;
	}

	#events .event .event-actions.info.tickets .event-info, #events .event .event-actions.info.tickets .event-tickets {
		height: 50%;
	}

	#events .event .event-venue .city {
		font-size: 22px;
	}

	#events .event .event-venue, #events .event .event-title {
		font-size: 16px;
	}

	.regular #links h3, .regular #links h3:nth-child(3n+2) {
		width: calc(50% - 5px);
		margin: 0 0 10px 0;
	}

	.regular #links h3:nth-child(odd) {
		margin-right: 10px;
	}

	#end nav {
		width: 100%;
	}

	#end nav#social {
		margin-top: 50px;
		float: left;
	}

}

@media only screen and (max-width:900px) {
	
	body {
		padding: 30px 30px 0 30px;
	}

	#header {
		border-top: 30px solid #fff;
		width: calc(100vw - 60px);
	}

	#header.fixed {
		height: 200px;
		border-bottom: 30px solid transparent;
	}

	#header.fixed.border {
		border-bottom: 30px solid #fff;
	}

	#header span {
		height: calc(100vh - 60px);
	}

	#intro {
		width: calc(100vw - 60px);
		height: calc(100vh - 60px);
		top: 30px;
	}

	#main, .regular #main {
		margin-top: 150px;
		padding-top: 30px;
	}

	#events .event {
		display: block;
	}

	#events .event .event-data {
		margin-top: 10px;
		transform: none;
		position: static;
		float: left;
	}

	#events .event .event-actions.info, #events .event .event-actions.tickets, #events .event .event-actions.info.tickets {
		width: 100%;
		margin-top: 50px;
		float: left;
		position: static;
	}

	#events .event .event-actions.info .event-info, #events .event .event-actions.tickets .event-tickets, #events .event .event-actions.info.tickets .event-info, #events .event .event-actions.info.tickets .event-tickets {
		width: 50%;
		height: 50px;
		margin-right: 0;
		left: 0;
		transform: none;
		float: left;
	}

	#events .event .event-actions.info .event-info, #events .event .event-actions.tickets .event-tickets {
		transform: translateX(-50%);
		left: 50%;
	}

	.popup > div:not(.close) {
		width: calc(100% - 58px);
	}

	#content, #end .wrapper {
		width: 80%;
	}

	#end {
		padding: 100px 0;
	}

	#content, #editions {
		margin-top: 100px;
	}

	#bubble {
		left: -30px;
	}

	#lines {
		right: -30px;
	}

}

@media only screen and (max-width:650px) {
	
	p {
		font-size: 18px;
		line-height: 28px;
	}

	#events .event .event-date {
		width: 100%;
		margin-bottom: 10px;
		margin-right: 0;
	}

	#events .event .event-actions {
		margin-top: 30px;
	}

	.regular #content h1 {
		font-size: 30px;
	}

	#end nav #menu-contacto li::after {
		margin: 0 10px;
	}

	#content, #end .wrapper {
		width: 100%;
	}

	#footer {
		padding: 50px 30px;
		margin-left: -30px;
		height: auto;
	}

	#footer nav {
		width: 100%;
		text-align: center;
	}

	#footer #lasastreria {
		margin-top: 30px;
		transform: translateX(-50%);
		float: left;
		position: relative;
		left: 50%;
	}

	#contact .block {
		margin-bottom: 0;
	}

	#contact .block>span {
		padding: 0 !important;
		margin-bottom: 10px;
		width: 100%;
	}

	#contact .block span.acceptance {
		width: 100%;
		transform: none;
		position: relative;
		top: 0;
	}

	#contact .block .acceptance label {
		display: flex;
	}

	#content, #editions{
		margin-top: 60px;
	}

	.regular #content .content{
		margin-bottom: 60px
	}

	#end{
		padding: 60px 0;
	}

	#end nav#social a{
		margin-left: 30px
	}

	#end nav #menu-contacto li{
		margin-bottom: 15px
	}

}

@media only screen and (max-width:420px) {
	
	#header.fixed {
		height: 160px;
	}

	#header .logo {
		width: 60px;
	}

	#intro #logo {
		width: 120px;
	}

	#intro h1 {
		font-size: 24px;
	}

	.popup {
		display: block;
	}

	.popup .close {
		top: 5px;
	}

	.popup > div:not(.close) {
		max-height: calc(100% - 95px);
		margin-top: 60px;
		border: 30px solid #fff;
		border-right: 5px solid #fff;
		border-bottom: 20px solid #fff;
		transform: scale(1.1) translateX(-50%);
		position: relative;
		left: 50%;
	}

	.popup.active .wrapper {
		transform: scale(1) translateX(-50%);
	}

	.popup > div:not(.close) .content {
		padding-right: 25px;
	}

	.popup > div:not(.close) p {
		font-size: 15px;
		line-height: 22px;
	}

	.popup .event-actions {
		padding-right: 30px;
	}

	.popup .event-actions a {
		height: 50px;
	}

	.regular #links h3, .regular #links h3:nth-child(odd), .regular #links h3:nth-child(3n+2) {
		width: 100%;
		margin-right: 0;
	}

	.regular #links h3 a {
		height: auto !important;
	}

	#end {
		padding-bottom: 50px;
	}

	#end h2 {
		font-size: 28px;
	}

	#end nav #menu-contacto li {
		width: 100%;
		margin-bottom: 10px;
		font-size: 20px;
	}

	#end nav #menu-contacto li:last-child {
		margin-bottom: 0;
	}

	#end nav #menu-contacto li::before {
		content: '/';
		margin: 0 10px 0 0;
		float: left;
	}

	#end nav #menu-contacto li::after {
		display: none;
	}

	#footer .wrapper{
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	#footer #neobrand{
		width: auto;
		float: initial;
		margin-top: 10px;
	}

	#footer nav a {
		width: 100%;
		font-size: 16px;
		margin: 7px 0;
		float: left;
	}

	#footer nav a:last-child {
		margin-bottom: 0;
	}

	#footer nav a::after {
		display: none;
	}

}