/*--------------------------------------------------------------------------------------------
BODY
--------------------------------------------------------------------------------------------*/
* {
	border: 0;
	margin: 0;
	padding: 0;
}

html{
	/* height: 100%; */
	overflow-x: hidden;
}

body {
	background-color: #d3af36;
	font-family: "Gotham", Helvetica, Arial;
	font-size: 1em;
	color: #000000;
	/* height: 100%; */
	min-width: 300px;
}

article, figcaption, figure, footer, header, hgroup, section, div, img, h1 {
	display: block;
}

/*--------------------------------------------------------------------------------------------
COOKIEYES
--------------------------------------------------------------------------------------------*/
div.cky-btn-revisit-wrapper {
	width: 45px;
    height: 45px;
}

div.cky-btn-revisit-wrapper button.cky-btn-revisit img {
    height: 30px;
    width: 30px;
}
 

/*--------------------------------------------------------------------------------------------
TYPOGRAPHY
--------------------------------------------------------------------------------------------*/
@font-face {
	font-family: "Gotham-Black";
	src: url("../fonts/Gotham-Black.eot");
	src: url("../fonts/Gotham-Black.eot?#iefix") format("embedded-opentype"),
		  url("../fonts/Gotham-Black.woff") format("woff"),
		  url("../fonts/Gotham-Black.ttf") format("truetype"),
		  url("../fonts/Gotham-Black.svg#Gotham-Black") format("svg");
	font-weight: normal;
	font-style: normal;
    text-rendering: geometricPrecision;
}

@font-face {
    font-family: "Gotham-Light";
    src: url('../fonts/Gotham-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Gotham-Light.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Gotham-Light.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/Gotham-Light.svg#Gotham-Light') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: geometricPrecision;
}

@font-face {
    font-family: "Gotham-Medium";
    src: url('../fonts/Gotham-Medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Gotham-Medium.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Gotham-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: geometricPrecision;
}

@font-face {
    font-family: "Gotham-MediumItalic";
    src: url('../fonts/Gotham-MediumItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Gotham-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Gotham-MediumItalic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Gotham-MediumItalic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/Gotham-MediumItalic.svg#Gotham-MediumItalic') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: geometricPrecision;
}

@font-face {
    font-family: "Gotham-Bold";
    src: url('../fonts/Gotham-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Gotham-Bold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Gotham-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: geometricPrecision;
}

/*--------------------------------------------------------------------------------------------
LOADING
--------------------------------------------------------------------------------------------*/
#preloader {
    position: fixed;
    top:0; left:0;
    right:0; bottom:0;
    background: #FFFFFF;
    z-index: 100;
}

#loader {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
	top: 50%;
    background: url(../img/loader.gif) no-repeat center 0;
    margin:-50px 0 0 -50px;
}

/*--------------------------------------------------------------------------------------------
MENU
--------------------------------------------------------------------------------------------*/
div#header {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -o-sticky;
	position: -ms-sticky;
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 90;
}

/*--------------------------------------------------------------------------------------------
SECTIONS
--------------------------------------------------------------------------------------------*/
/*section#home {
	position: relative;
	width: 100%;
}*/

section#lladonosa, section#angels, section#escoles, section#repte, section#bases, section#jurat, section#calendari, section#seguiment, section#premis, section#covid, section#contacte {
	position: relative;
	width: 100%;
	margin-top: 80px;	
}

/*--------------------------------------------------------------------------------------------
DIVS
--------------------------------------------------------------------------------------------*/
iframe {
	display: block;
	width: 560px;
	height: 315px;
	margin: 0 auto;
}

span#animation-text-news {
  color: black;
  animation-name: news;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

@keyframes news {
  0%   {color:black;}
  50%  {color:yellow}
  100%  {color:black;}
}

div#circles {
	position: absolute;
	bottom: 50px;
	right: 10%;
	white-space: nowrap;
	opacity: 95%;
	z-index: 20;
}

div.title_section {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 30px;
	width: 360px;
	background-color: black;
}

div.text, div.text-descripcio-concurs {
	width: 54%;	
	margin-left: 23%;
	margin-right: 23%;
}

div.imatge {
	position: relative;
	overflow: hidden;
}

div.imatge-pc {
	display: block;
	margin-top: 50px;
}

div.imatge-mobil {
	display: none;
	margin-top: 20px;
}

div.height {
	height: 20px;
}

div.height-line-1 {
	width: 100%;
	height: 3px;
	margin-top: 90px;
	margin-bottom: 90px;	
	background-color: black;
}

div.height-line-2 {
	width: 100%;
	height: 3px;
	margin-top: 65px;
	margin-bottom: 65px;	
	background-color: black;
}

div.height-line {
	width: 100%;
	height: 3px;
	background-color: black;
}

/* hr {
    border: 0;
    height: 4px;
    background: black;
	clear: both;
} */

div#home_movil {
	display: none;
	position: relative;
	max-height: unset;
	overflow: visible;
}

div#arrow {
	display: block;
	position: relative;
	margin-top: 25px;
}


footer{
	position: relative;
	width: 100%;
	height: 100px;
	background-color: black;
}

div.parallax-container-home {
	display: block;
	position: relative;
	height: 700px;
	background: transparent;
}

div.parallax-container-section {
	position: relative;	
	margin-top: 50px;
	height: 600px;
	background: transparent;
}

div.parallax-pc {
	display: block;
}

div.parallax-mobil {
	display: none;
}

div.pc {
	display: block;
}

div.mobile {
	display: none;
}

div#logos {
	position: absolute;
    white-space: nowrap;	
	top: 55%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
   	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

div#xarxes{
	position: absolute;
	top: 60px;
	right: 11%;
	z-index: 90;
	white-space: nowrap;	
}

img.xarxes {
	display: inline-block;
	margin-top: 0px;
	margin-left: 10px;
	height: 40px;
	width: auto;
	opacity: 100%;
	z-index: 100;
}

/* a.xarxes {
	display: inline-block;
} */

img.xarxes_movil_1 {
	display: none;
	margin-top: 11px;
	margin-left: 25px;
	height: 30px;
	width: auto;
	z-index: 100;	
}

img.xarxes_movil_2 {
	display: none;
	margin-top: 11px;
	margin-left: 0px;
	height: 30px;
	width: auto;
	z-index: 100;	
}

img.regio {
	display: inline-block;
	height: 160px;
	width: auto;
	margin-right: 40px;
	z-index: 100;
}

img.guanyadors-inici {
	display: inline-block;
	width: 100%;
	height: auto;
	margin-top: 50px;
	margin-bottom: 100px;
	z-index: 100;
}

img.guanyadors, video.repte, iframe.repte {
	display: inline-block;
	height: auto;
	width: 320px;
	margin-right: 15px;
	margin-bottom: 10px;
	z-index: 100;
}

figure, div.video {
	font-family: "Gotham-Bold", Helvetica, Arial;
	display: inline-block;
	vertical-align: top !important;
	margin-bottom: 0px;
	font-size: 1.1em;
	line-height: 1.5em;
}

/*--------------------------------------------------------------------------------------------
TEXT
--------------------------------------------------------------------------------------------*/
h1 {
	position: absolute;
	
	left: 150px;
	top: 75%;
	margin-left: 5px;
	
	font-weight: normal;
	font-family: "Gotham-Bold", Helvetica, Arial;
	font-size: 1em;
	line-height: 1.3em;
	color: white !important;
	opacity: 95%;
	text-shadow: 0px 0px 12px rgba(0,0,0,0.9);
	
	width: 500px;
	
	z-index: 20;
}

p.menu {
	font-family: "Gotham-Bold", Helvetica, Arial;
	font-size: 1.1em;
	line-height: 1.1em;
	margin-top: 0px;
	color: white;	
}

p.title_section {
	font-family: "Gotham-MediumItalic", Helvetica, Arial;
	color: #d3af36;
	margin-left: 70px;
	font-size: 1.2em;	
}

p.title {
	font-family: "Gotham-Bold", Helvetica, Arial;
	font-size: 2.4em;
	line-height: 1.3em;	
	text-align: left;
	margin-left: -3px;
	margin-top: 6px;
	margin-bottom: 9px;
}

p.text {
	font-family: "Gotham-Bold", Helvetica, Arial;
	font-size: 1.5em;
	line-height: 1.25em;
	text-align: left;
}

p.text-descripcio-concurs {
	font-family: "Gotham-Bold", Helvetica, Arial;	
	font-size: 2.8em;
	line-height: 1.1em;
	text-align: left;
}

p.text_photo {
	position: absolute;
	max-width: 800px;
	right: 10%;
	top: 50%;
	-moz-transform: translate(0%, -50%);
	-o-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
   	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);	
	font-family: "Gotham-Medium", Helvetica, Arial;
	font-size: 1.1em;
	line-height: 1.2em;
	color: #9A9086;	
	z-index: 20;
}

div.espai-guanyadors {
	margin-bottom: 12px;	
}	

/*--------------------------------------------------------------------------------------------
LINKS
--------------------------------------------------------------------------------------------*/
a.black {
	color: black;
}

a.black-clean {
	color: black;
	text-decoration: none;
}

a.green-clean {
	color: #d3af36;
	text-decoration: none;
}

/*--------------------------------------------------------------------------------------------
IMAGES
--------------------------------------------------------------------------------------------*/
img#logo {
	position: absolute;	
	left: 150px;
	top: 80px;	
	width: 580px;
	height: auto;
	opacity: 95%;	
	z-index: 20;
	filter: drop-shadow(0px 0px 12px rgb(0 0 0 / 1));
}

/* img#circle_news { */
	/* display: inline-block; */
	/* width: 175px; */
	/* height: auto; */
/* } */

/* img#circle_torres { */
	/* display: inline-block; */
	/* margin-right: 15px; */
	/* margin-bottom: 0px;	 */
	/* width: 175px; */
	/* height: auto; */
/* } */

img#circle_news {
	display: inline-block;
	clip-path: circle(74px);
	width: 150px;
	height: auto;
  }

img#circle_torres {
	display: inline-block;
	margin-right: 12px;
	clip-path: circle(74px);
	width: 150px;
	height: auto;
}

img#logo_footer_oli{
	display: inline;
	height: 58px;
	width: auto;
	margin-right: 70px;
	z-index: 20;
}

img#logo_footer_ajuntament {
	display: inline;
	height: 72px;
	width: auto;
	z-index: 20;
}

img#imago {
	display: block;
	position: absolute;
	width: 250px;
	height: auto;
	top: 50%;
	left: 48%;
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
   	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 90%;
	z-index: 20;
}

img.section {
	width: 100%;
	height: auto;
	margin-left: 50%;
	-moz-transform: translate(-50%, 0%);
	-o-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, -0%);
   	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);	
}

img.arrow {
	position: relative;
	width: 50px;
	height: auto;
	margin: auto;
}

img.home_movil {
	position: relative;
	width: 100%;
	height: auto;
	top: 0px;
}







/*------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------
RESPONSIVE
------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------*/

@media (max-width: 1920px) {

div.parallax-container-home {
		height: 600px;
}
	
img#logo {
	left: 120px;
	top: 70px;	
	width: 500px;
}

div.parallax-container-section {
	margin-top: 50px;
	height: 500px;
}

div.text, div.text-descripcio-concurs {
	width: 60%;	
	margin-left: 20%;
	margin-right: 20%;
}

img.regio {
	height: 150px;
	margin-right: 40px;
}

img.guanyadors, video.repte, iframe.repte {
	width: 270px;
	margin-right: 12px;
	margin-bottom: 10px;
}

figure, div.video {
	margin-bottom: 0px;
	font-size: 0.9em;
	line-height: 1.5em;
}

}

/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

@media (max-width: 1800px) {

img#logo {
	left: 120px;
	top: 70px;	
	width: 450px;
}

}

/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

@media (max-width: 1700px) {
	
section#lladonosa, section#angels, section#escoles, section#repte, section#bases, section#jurat, section#calendari, section#seguiment, section#premis, section#covid, section#contacte {
	margin-top: 60px;	
}

div.title_section {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 30px;
	width: 330px;
}

div.text, div.text-descripcio-concurs {
	width: 66%;	
	margin-left: 17%;
	margin-right: 17%;
}

div.height {
	height: 20px;
}

div#arrow {
	margin-top: 25px;
}

div.parallax-container-home {
	height: 550px;
}

div.parallax-container-section {
	margin-top: 50px;
	height: 450px;
}

h1 {
	width: 500px;
}

p.title_section {
	margin-left: 70px;
	font-size: 1.2em;	
}

p.title {
	font-size: 2.4em;
	line-height: 1.3em;	
	margin-left: -3px;
	margin-top: 6px;
	margin-bottom: 9px;	
}

p.text {
	font-size: 1.5em;
	line-height: 1.25em;
}

p.text_photo {
	right: 10%;
	font-size: 1.1em;
	line-height: 1.2em;
}

img#imago {
	width: 250px;
}

img.arrow {
	width: 50px;
}

img.regio {
	height: 140px;
	margin-right: 40px;
}


}

/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1600px) {
div#circles {
	right: 8%;
}

div#xarxes{
	right: 9%;
}

div.text, div.text-descripcio-concurs {
	width: 70%;	
	margin-left: 15%;
	margin-right: 15%;
}

p.title {
	font-size: 2.1em;
	line-height: 1.3em;	
	margin-left: -3px;
	margin-top: 6px;
	margin-bottom: 9px;	
}

p.text {
	font-size: 1.3em;
	line-height: 1.45em;
}

p.text-descripcio-concurs {
	font-size: 2.6em;
	line-height: 1.1em;
}

h1 {
	left: 120px;
}	
	
img#logo {
	left: 120px;
	top: 70px;	
	width: 440px;
}

}

/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1400px) {
section#lladonosa, section#angels, section#escoles, section#repte, section#bases, section#jurat, section#calendari, section#seguiment, section#premis, section#covid, section#contacte {
	margin-top: 45px;	
}

div.title_section {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 30px;
	width: 300px;
}

div#circles {
	right: 8%;
	bottom: 45px;
}

img#imago {
	width: 220px;
}

img.xarxes {
	height: 35px;
}

img#circle_torres {
	width: 140px;
}

img#circle_news {
	width: 140px;
}

img.regio {
	height: 130px;
	margin-right: 35px;
}

}

/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1300px) {
div.parallax-container-home {
	height: 500px;
}

div.parallax-container-section {
	margin-top: 50px;
	height: 400px;
}

h1 {
	font-size: 0.9em;
	line-height: 1.4em;
	width: 460px;
}

div#xarxes{
	right: 9%;
}

div.height-line-1 {
	margin-top: 60px;
	margin-bottom: 60px;
}

div.height-line-2 {
	margin-top: 45px;
	margin-bottom: 45px;
}

img#logo {
	width: 390px;
}

img#circle_news {
	width: 130px;
}

img#circle_torres {
	width: 130px;
}

img.guanyadors-inici {
	display: inline-block;
	width: 100%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 55px;
	z-index: 100;
}

}

/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1200px) {
section#lladonosa, section#angels, section#escoles, section#repte, section#bases, section#jurat, section#calendari, section#seguiment, section#premis, section#covid, section#contacte {
	margin-top: 40px;	
}

h1 {
	left: 100px;
	width: 440px;
}

img#logo {
	left: 100px;
	top: 60px;	
	width: 360px;
}

p.text-descripcio-concurs {
	font-size: 2.4em;
	line-height: 1.2em;
}

img.regio {
	height: 120px;
	margin-right: 40px;
}

}

/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1100px) {
div.text, div.text-descripcio-concurs {
	width: 80%;	
	margin-left: 10%;
	margin-right: 10%;
}

h1 {
	width: 420px;
}

img.regio {
	height: 110px;
	margin-right: 30px;
}

}

/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1000px) {
section#lladonosa, section#angels, section#escoles, section#repte, section#bases, section#jurat, section#calendari, section#seguiment, section#premis, section#covid, section#contacte {
	margin-top: 50px;	
}
div.title_section {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 30px;
	width: 250px;
}
h1 {
	top: 72%;
	width: 410px;
}

img#logo {
	width: 350px;
}

div#arrow {
	margin-top: 0px;
}
p.title_section {
	margin-left: 50px;
	font-size: 1.2em;	
}

}

/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
@media (max-width: 900px) {
h1 {
	font-size: 0.8em;
	line-height: 1.45em;
	left: 80px;
	width: 390px;
}

div.text, div.text-descripcio-concurs {
	width: 80%;	
	margin-left: 10%;
	margin-right: 10%;
}

p.title {
	font-size: 2.1em;
	line-height: 1.3em;	
	margin-left: -3px;
	margin-top: 6px;
	margin-bottom: 9px;	
}

p.text {
	font-size: 1.3em;
	line-height: 1.45em;
}

img.regio {
	height: 100px;
	margin-right: 30px;
}

}

/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
@media (max-width: 800px) {
h1 {
	left: 70px;
	width: 390px;
}

img#logo {
	left: 70px;
	width: 320px;
}

img#imago {
	width: 200px;
}

div.text, div.text-descripcio-concurs {
	width: 80%;	
	margin-left: 10%;
	margin-right: 10%;
}

p.title {
	font-size: 2.1em;
	line-height: 1.3em;	
	margin-left: -3px;
	margin-top: 6px;
	margin-bottom: 9px;	
}

p.text {
	font-size: 1.3em;
	line-height: 1.45em;
}

p.text-descripcio-concurs {
	font-size: 2.2em;
	line-height: 1.2em;
}

}

/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
@media (max-width: 700px) {

div.text, div.text-descripcio-concurs {
    width: 86%;
    margin-left: 7%;
    margin-right: 7%;
}

img.regio {
	height: 90px;
	margin-right: 25px;
}

}


/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
@media (max-width: 600px) {

p.text-descripcio-concurs {
	font-size: 2em;
	line-height: 1.2em;
}

}


/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
@media (max-width: 400px) {


}



/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
@media
only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) /* iPhone 4 and 4S */,
only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) /* iPhone 5, 5S, 5C and 5SE */,
only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) /* iPhone 6, 6S, 7 and 8 */,
only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) /* iPhone 6+, 7+ and 8+ */,
only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) /* iPhone X */ {

div.cky-btn-revisit-wrapper {
	width: 30px;
    height: 30px;
}

div.cky-btn-revisit-wrapper button.cky-btn-revisit img {
    height: 20px;
    width: 20px;
}

iframe {
	width: 300px;
	height: 168px;
}
div#home_movil {
	display: block;
	position: relative;
}
div.parallax-container-home {
	display: none;
}
div.parallax-pc {
	display: none;
}

div.parallax-mobil {
	display: block;
}
div.title_section {
	padding-top: 3px;
	padding-bottom: 2px;
	margin-bottom: 30px;
	width: 170px;
}
div.text {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}
div.text-descripcio-concurs {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;	
}
div#arrow {
	display: none;
	position: relative;
	margin-top: 24px;
}
div#circles {
	bottom: 24px;
	left: 26px;
}
div#xarxes{
	display: none;
}
div.imatge-pc {
	display: none;
}

div.imatge-mobil {
	display: block;
}
img#circle_news {
	display: inline-block;
	clip-path: none;
	width: 68px;
}
img#circle_torres {
	display: inline-block;
	clip-path: none;	
	margin-right: 10px;
	margin-bottom: 0px;
	width: 68px;
}
img#size {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: -3px;
	width: 74px;
}
img#logo {
	left: 30px;
	top: 44px;	
	width: 290px;
	filter: drop-shadow(0px 0px 8px rgb(0 0 0 / 1));
}
img#imago {
	display: none;
	width: 110px;
}
img#logo_footer_oli{
	height: 38px;
	margin-right: 18px;
}
img#logo_footer_ajuntament {
	height: 44px;
}
/* img.xarxes{
	margin-top: 5px;
	margin-left: 0px;
	height: 35px;
} */
img.xarxes_movil_1, img.xarxes_movil_2 {
	display: inline-block;
}
img.regio {
	height: 82px;
	margin-right: 15px;
}
img.guanyadors-inici {
	display: inline-block;
	width: 100%;
	height: auto;
	margin-top: 5px;
	margin-bottom: 30px;
	z-index: 100;
}
img.guanyadors, video.repte, iframe.repte {
	width: 100%;
	margin-right: 0px;
	margin-bottom: 10px;
}
figure, div.video {
	margin-bottom: 45px;
	font-size: 1.1em;
	line-height: 1.4em;
}
div.pc {
	display: none;
}
div.mobile {
	display: block;	
}
div.height-line-1 {
	margin-top: 52px;
	margin-bottom: 52px;
}

div.height-line-2 {
	margin-top: 45px;
	margin-bottom: 45px;
}
h1 {
	left: 49%;
	top: 32%;
	font-size: 0.7em;
	line-height: 1.4em;
	width: 170px;
}

p.title_section {
	margin-left: 12%;
	font-size: 0.9em;	
}

p.title {
	font-size: 1.3em;
	line-height: 1.3em;	
	text-align: left;
	margin-left: -3px;
	margin-top: 6px;
	margin-bottom: 9px;
}

p.text {
	font-size: 1em;
	line-height: 1.4em;
	text-align: left;
}

p.text_photo {
	position: absolute;
	max-width: 270px;
	right: 8%;
	font-size: 0.9em;
	line-height: 1.3em;
}

p.menu {
	font-size: 1.2em;
	line-height: 0em;
	margin-top: 0px;
}

p.text-descripcio-concurs {
	font-size: 1.3em;
	line-height: 1.1em;
}

}




@media
only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) /* iPhone 4 and 4S */,
only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) /* iPhone 5, 5S, 5C and 5SE */,
only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) /* iPhone 6, 6S, 7 and 8 */,
only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) /* iPhone 6+, 7+ and 8+ */,
only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) /* iPhone X */ {
	
div#home_movil {
	display: block;
	position: relative;
	max-height: 380px;
	overflow: hidden;
}
img.home_movil {
	position: relative;
	width: 100%;
	height: auto;
	top: -110px;
}
div.parallax-container-home {
	display: none;
}
div.parallax-pc {
	display: block;
}
div.parallax-mobil {
	display: none;
}
div.title_section {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 30px;
	width: 250px;
}
div#arrow {
	display: none;
	position: relative;
	margin-top: 25px;
}
div#circles {
	left: 6%;
	bottom: 45px;	
}
div#xarxes{
	display: none;
}
img#circle_news {
	display: inline-block;
	clip-path: none;	
	width: 92px;
}
img#circle_torres {
	display: inline-block;
	clip-path: none;
	margin-right: 15px;
	margin-bottom: 0px;
	width: 92px;
}
img#size {
	width: 94px;
}
img#logo {
	left: 7%;
	top: 10%;	
	width: 250px;
}
img#imago {
	display: block;	
	width: 110px;
}
/* img.xarxes{
	margin-top: 5px;
	margin-left: 0px;
	height: 35px;
} */
img.xarxes_movil_1, img.xarxes_movil_2 {
	display: inline-block;
}

img.xarxes_movil_1 {
    margin-left: 42px;
}

div.pc {
	display: none;
}

div.mobile {
	display: block;	
}

h1 {
	left: 45%;
	top: 18%;
	font-size: 0.76em;
	line-height: 1.4em;
	width: 320px;
}

p.title_section {
	margin-left: 12%;
	font-size: 0.9em;	
}

p.title {
	font-size: 1.3em;
	line-height: 1.3em;	
	text-align: left;
	margin-left: -3px;
	margin-top: 6px;
	margin-bottom: 9px;
}

p.text {
	font-size: 0.65em;
	line-height: 1.5em;
	text-align: left;
}

p.text_photo {
	position: absolute;
	max-width: 270px;
	right: 8%;
	font-size: 0.9em;
	line-height: 1.3em;
}
	
p.menu {
	font-size: 1em;
	line-height: 1.3em;
	margin-top: -30px;
}

}