@media (min-width: 1608px) {
	.container {
		min-width: 1608px;
	}


}


@media (max-width: 1607px) {
.container {
	min-width: 100%;
}


}


@media (max-width: 1507px) {
.container {
	min-width: 100%;
}

}


@media (max-width: 1262px) {
.contraste {
	background-color:#93C; /*Morado*/
}

.project img {

	max-height: none;
}
}


@media (max-width: 993px) {

.contraste {
	background-color:#6F6; /*Verde*/
}
	
.project {
	display: inline-block;
	width: calc(100%);
	margin-bottom: 30px;
	margin-top: 0px;
	margin-right: 0px;
}
h1 {
    font-family: "HelveticaNeue", Sans-serif;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
}
}

@media (max-width: 782px) {
	
.contraste {
	background-color:#CCC; /*Gris*/
}
.poster {
    display: block;
    border: #ccc solid 1px;
    margin-bottom: 30px;
    margin-top: 30px;
}	
.menu {
    float: left;
    margin-top: 30px;
	width: 100%;
	text-align: center;
	
}

.menu a {
	color:#333;
	text-decoration: none;
	margin-left: 15px;
	display: inline-block;
	float: none;
}

.logo  {
	display: block;
	width: 100%;
	text-align: center;
}

.logo img {
    float: none;
    max-height: 80px;
    display: inline-block;
}

.menu a {
    color: #333;
    text-decoration: none;
    margin-left: 15px;
    font-size: 13px;
}

a.back {
    float: none;
    color: #333;
    text-decoration: none;
    margin-bottom: 0px !important;
    margin-top: 16px !important;
    display: inline-block;
}


.project {
	display: inline-block;
	width: calc(100%);
	margin-bottom: 30px;
	margin-top: 0px;
	margin-right: 0px;
}




}

@media (max-width: 380px) {

.contraste {
	background-color:#FFC; /*Amarillo*/
}




}