@font-face {
    font-family: oswaldMedium;
    src: url('../Fonts/Oswald-Medium.ttf');
}
body {
    background-image: url('../assets/FONDO.png');
    background-position: top center;
	background-repeat:no-repeat;
	background-color:white;
}
#menu {
  height: 7rem;
  background-color: #7ca243 !important;
  padding-bottom: 0 !important;
  margin-right: 0 !important ;
  width: 100%; /* Full width */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content:space-evenly; 
    padding:.5rem 8rem;
}

.navbar__responsive {
  height: auto !important;
  background-color: #7ca243 !important;
  padding-bottom: 0 !important;
  display: none !important;
  margin-right: 0 !important;

}

.navbar__col__toggle {
  display: none;
}

.navbar-toggler {
  background-color: none !important;
  border: none !important;
  border: 1px solid white !important;
}

.navbar-toggler-icon {
  width: 2em !important;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255,255,255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !important;
}

.navbar__responsive__col {
  text-align: center !important;
  padding: 1rem !important;
  padding-left: 2rem !important;
}

.button__menu {
  text-align: center;
  color: #ece640 !important;
  text-decoration: none;
  background-color: #9e9e9e00 !important;
  padding: 5px !important;
  border-radius: 8px !important;
  font-size: 18px !important;
  border-color: white !important;
  width: 11.4rem !important
  letter-spacing: 0.5px;
  border:2px solid white;
}
.button__menu_fact {
  text-align: center;
  color: #ece640 !important;
  text-decoration: none;
  background-color: #9e9e9e00 !important;
  padding: 5px !important;
  border-radius: 8px !important;
  font-size: 18px !important;
  border-color: white !important;
  width: 15.4rem !important
  letter-spacing: 0.5px;
  border:2px solid white;
}
.button__menu2 {
  text-align: center;
  color: #ece640 !important;
  text-decoration: none;
  background-color: #9e9e9e00 !important;
  padding: 5px !important;
  border-radius: 8px !important;
  font-size: 18px !important;
  border-color: white !important;
  width: 7.8rem !important
  letter-spacing: 0.5px;
  border:2px solid white;
}

.button__menu:hover, .button__menu2:hover, .button__menu_fact:hover {
  color: #1a2da3 !important;
  background-color: #fdb731 !important;
  border-color: #fdb731 !important;
}

.button__menu__link {
  font-family: "oswaldMedium"; 
  text-decoration: none !important;
  color: inherit !important;
}

.button__menu__link:hover {
  color: #1a2da3 !important;
}

.generalHome {margin-top:6%; max-width: 100vw;}

.pagina1 {
    min-width: 100%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    font-weight: 700;
    font-size: 5vh;
}
.pagina1 .centroPag1 {
    margin-left: 0;
    margin-right: 0;
    display: block;
    align-items: center;
    text-align: center;
}
.pagina1 .centroPag1 .logosolo {
    width: 50%;
    margin-top: 5%;
}

.pagina2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 3%;
    min-width: 100%;
}

.ganadores{margin-top:15%;}
.logo-ganadores{width:33%;}
.r-ganadores{
	background-color:white;
	padding:1%;
	border-radius:30px;
	margin-bottom:5%;
	font-size:21px;
	font-family: "oswaldMedium";
}
.tyc-footer{text-align:right; max-width:60%;}
.enlace{color:white; text-decoration:none;}
footer{
	background-color: #7ca243;
    color: white;
    font-family: oswaldMedium;
    font-size: 20px;
}
#logo-footer{width: 108px; margin-left:45%;}
.tyc{font-size:20px;}
.btn-tyc{margin-right:10%;}
#participa2{display:none;}
@media (min-width:180px) and (max-width:770px) {
	
	#participa2{display:inline;}
	#participa{display:none;}
	.logo-ganadores{width:80%; margin-bottom:5%;}
	.generalHome {margin-top:28%; max-width: 100vw;}
	.footer-copyright{font-size:13px;}
    .tyc{font-size:15px;}
	#logo-footer{width: 108px; margin-left:0%;}
	.pagina1 .centroPag1 .action {
		width: 95%;
		margin-bottom:2%;
	}
    .pagina1 {
        font-size: 35px;
        font-weight: 400;
   	}
    .pagina1 .centroPag1 .logosolo {
        width: 300px;
        height: 300px;
   	}
    .img-p{width:inherit;}
	.mecanica{
		flex-direction:column;
		align-content:space-around;
		justify-content:space-around;
	}
	.tyc-footer{text-align:center; max-width:100%;}
	.btn-tyc{margin-right:0%;}
	#d-mecanica, #d-mecanica2 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 100%;
	}
	/*HORIZONTAL*/
	@media (orientation: landscape) {
		.row{
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			margin-right: -15px;
			margin-left: -15px;
			flex-direction: column;
			align-content: space-around;
		}
		.img-p{width:inherit;}
		.button__menu{width:12.4rem !important; font-size:13px !important;}
		#participa2{display:inline;}
		#participa{display:none;}
		#d-mecanica, #d-mecanica2 {
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 100%;
		}
		.generalHome {margin-top:9%; max-width: 100vw;}
	}
}

@media (min-width:800px) and (max-width:1180px){
	.button__menu2, .button__menu_fact, .button__menu{ font-size:13px !important;}
	.generalHome {margin-top:25%; max-width: 100vw;}
	.img-p{width:inherit;}
	/*HORIZONTAL */
	@media (orientation: landscape) {
		.button__menu2, .button__menu_fact, .button__menu{font-size:13px !important;}
		.img-p{width:inherit;}
		.generalHome {margin-top:9%; max-width: 100vw;}
	}
}
@media (min-width:1215px) and (max-width:1300px){
	.button__menu2, .button__menu_fact, .button__menu{
		font-size:16px !important;
	}
}
@media (min-width: 1871px){
	.btn-tyc {
		margin-right: 16%;
	}
	#menu{
		justify-content:space-evenly; 
		padding:.5rem 21rem;
		align-items: center
	}
}
@media (max-width: 991.98px) {
	#logcolombina{width: 115px;margin-left:-42px;}
  .navbar {
    display: none !important;
    height: 4rem !important;
    padding-bottom: 1rem;

  }
  .navbar__col {
    text-align: center !important;
    padding: 1%;
    padding-left: 2rem !important;
	border-top:1px solid white;
	color:white;
  }

  .navbar__col__toggle {
    display: block;
    align-self: center;
  }

  .navbar__responsive {
    display: block !important;
  }

  .button__menu__link {
    width: 15rem !important;
  }
}