/* *****************************************************************************
//
//  Copyright (C) 2023 Alternativa per L'Arboç
//
//  main.css is free software: you can redistribute it and/or modify
//  it under the terms of the GNU General Public License as published
//  by the Free Software Foundation, per version 3 of the License.
//
//  main.css is distributed in the hope that it will be useful,
//  but WITHOUT ANY WARRANTY; without even the implied warranty of
//  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
//  GNU General Public License for more details.
//
//  You should see a copy of the GNU General Public License
//  at http://www.gnu.org/licenses/.
//
//  This file is based off work covered by the following copyright(s):  
//
//   Alternativa per L'Arboç
//   Copyright (C) 2023
//   Licensed under GNU GPL version 3, or later.
//
*******************************************************************************/
*{
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

html{
	font-size: 10px;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
}

a{
	text-decoration: none;
}

li{
	list-style: none;
}

/*
Mobile devices – 320px — 480px
iPads, Tablets – 481px — 768px
*/

@media only screen
and (min-device-width: 320px)
and (max-device-width: 768px){

header{
	background-color: #a3185b;
	height: 10vh;
}

header .contenedor{
	display: flex;
	justify-content: space-between;
	width: 90%;
	height: 100%;
	margin: auto;
}

header .logo{
	display: flex;
}

header .logo img{
	height: 10vh;
	align-self: center;
}

header .menuPrincipal{
	display:flex;
	flex-direction: column;
    justify-content: center;
	align-items: center;
}

header .menuPrincipal ul{
  position: absolute;
  top: 10vh;
  left: 3vh;
  width: 30vh;
  height: 50vh;
  box-shadow: 0 0 2vh #000000;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(-200%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 5vh;
  background-color: #a3185b;
  border-radius: 5vh;
}

header .menuPrincipal li{
  padding: 1vh 0;
  transition-delay: 2s;
}

header .menuPrincipal input:checked ~ ul{
  transform: none;
}

header nav ul li{
	padding: 1vh;
	font-size: 2.4vh;
	font-weight: 600;
}

header nav ul li:hover{
	cursor: pointer;
	color: white;
}

header nav ul li a, nav ul li a:link, nav ul li a:visited, nav ul li a:focus, nav ul li a:hover, nav ul li a:active {
    color: white;
}

main .bannerRight{
	display: flex;
	flex-direction: column;
	align-items: center;
    justify-content: top;
	color: black;
	width: 100%;
	min-height: 75vh;
	padding: 1vh;
}

main .bannerRight h1{
	font-size: 2vh;
	line-height: 1.2;
    text-align: center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

main .bannerRight p{
	font-size: 1.4vh;
	margin: 1vh;
	text-align: justify;
}

 main .bannerRight button{
	    margin-top: 2vh;
        border:0;
        color: white;
        font-size: 2vh;
        padding: 1vh 2vh;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d62078), color-stop(100%,#921551));
        -moz-border-radius: 1vh;
        -webkit-border-radius: 1vh;
        text-shadow: 0.3vh 0.3vh 0.3vh #5f0e35;
        text-transform: uppercase;
    }

footer{
    background-color: #474747;
	height: 15vh;
}

footer .footerTop{
	display: flex;
    width: 100%;
	height: 50%;
	align-items: center;
	justify-content: space-between;;
	border-bottom: 0.3vh dashed grey;
}

footer .logo{
	display: flex;
	padding-left: 0.4vh;
}

footer img{
	height: 5vh;
	align-self: center;
}

footer nav ul{
	display: flex;
	width: 100%;
	height: 50%;
	align-items: right;
    justify-content: center;
}

footer .menuSocial li{
	padding: 0.2vh 2vh;
}

footer .footerBottom{
	display: flex;
	width: 100%;
	height: 50%;
	align-items: center;
	text-align: center;
	padding: 0.2vh;
}

footer .footerBottom p{
	font-weight: 600;
    color: white;
}

footer .menuLegal li{
	padding: 0.2vh 2vh;
}

footer .menuLegal ul li a, .menuLegal ul li a:link, .menuLegal ul li a:visited, .menuLegal ul li a:focus, .menuLegal ul li a:hover, .menuLegal ul li a:active {
    color: white;
}

main .containerCuentas{
    display: flex;
    flex-flow: column;
	min-height: 75vh;
}

main .containerCuentas h1{
	font-size: 2vh;
	line-height: 1.2;
    text-align: center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin: 2vh 2vh;
}

main .containerCuentas p{
	font-size: 1.4vh;
	margin: 1vh 1vh;
	text-align: justify;
	font-family: Arial, "Lucida Grande", sans-serif;
}

main .containerCuentas ul{
	display: flex;
	flex-flow: column;
	font-size: 1.4vh;
	margin: 1vh 1vh;
	text-align: justify;
	font-family: Arial, "Lucida Grande", sans-serif;
}

main .containerCuentas ul li{
	font-size: 1.4vh;
	margin: 1vh 1vh;
	font-family: Arial, "Lucida Grande", sans-serif;
	list-style-type: disc;
}

    main .containerAcerca{
    display: flex;
    flex-flow: column;
	min-height: 75vh;
	align-items: center;
}

main .containerAcerca h1{
	font-size: 2vh;
	line-height: 1.2;
    text-align: center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin: 2vh 2vh;
}

main .containerAcerca p{
	font-size: 1.4vh;
	margin: 1vh;
	text-align: justify;
	font-family: Arial, "Lucida Grande", sans-serif;
}

main .containerContacto{
    display: flex;
    flex-flow: column;
	min-height: 75vh;
}

main .containerContacto h1{
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  font-size: 4vh;
  padding: 2vh 1vh;
  text-align: center;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  color: #131313;
  letter-spacing: .15vh;
  text-shadow: 
       1px -1px 0 #767676, 
      -1px 1px 1px #737272, 
      -2px 2px 1px #767474, 
      -3px 3px 1px #787777, 
      -4px 4px 1px #7b7a7a, 
      -5px 5px 1px #7f7d7d, 
      -6px 6px 1px #828181, 
      -7px 7px 1px #868585, 
      -8px 8px 1px #8b8a89, 
      -9px 9px 1px #8f8e8d, 
      -10px 10px 1px #949392, 
      -11px 11px 1px #999897, 
      -12px 12px 1px #9e9c9c, 
      -13px 13px 1px #a3a1a1, 
      -14px 14px 1px #a8a6a6, 
      -15px 15px 1px #adabab, 
      -16px 16px 1px #b2b1b0, 
      -17px 17px 1px #b7b6b5, 
      -18px 18px 1px #bcbbba, 
      -19px 19px 1px #c1bfbf, 
      -20px 20px 1px #c6c4c4, 
      -21px 21px 1px #cbc9c8, 
      -22px 22px 1px #cfcdcd, 
      -23px 23px 1px #d4d2d1, 
      -24px 24px 1px #d8d6d5, 
      -25px 25px 1px #dbdad9, 
      -26px 26px 1px #dfdddc, 
      -27px 27px 1px #e2e0df, 
      -28px 28px 1px #e4e3e2;
}

main .containerContacto p{
    text-align: justify;
    font-size: 1.4vh;
    padding: 4vh;
}

main .containerContacto ul{
	display: flex;
	flex-flow: column;
}

main .containerContacto ul li{
    display: flex;
    align-items: center;
	padding: 1vh 2vh;
	font-size: 1.4vh;
	font-weight: 600;
}

main .containerContacto ul li img{
    height: 4vh;
	margin-right: 2vh;
}

main .containerParticipa{
    display: flex;
    background-color: lightgray;
	min-height: 75vh;
}

main .containerParticipa form{
    display: flex;
    flex-flow: column;
    background-color: white;
    margin: 4vh;
    box-shadow: black 0vh 0vh 2vh;
    border-radius: 2vh;
    width: 100%;
}

main .containerParticipa h1{
	font-size: 2vh;
	line-height: 1.2;
    text-align: center;
    overflow: auto;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    padding: 1vh;
}

main .containerParticipa input, textarea{
	border: none;
    resize: none;
    outline: none;
    padding: 2vh 0;
    margin: 2vh;
    width: 80%;
    border-bottom: 0.2vh solid #a3185b;
}


main .containerParticipa .containerCheck{
    display: flex;
    flex-flow: row;
    width: 80%;
    justify-content: center;
    align-items: center;
}


main .containerParticipa .containerCheck input[type="checkbox"]{
    width: 2vh;
    height: 2vh;
    cursor: pointer;
}

main .containerParticipa .containerCheck label{
	font-size: 1.4vh;
	line-height: 1.2;
    text-align: center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

main .containerParticipa button{
        border:0;
        color: white;
        font-size: 2vh;
        margin: 3vh 5vh;
        padding: 2vh;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d62078), color-stop(100%,#921551));
        -moz-border-radius: 1vh;
        -webkit-border-radius: 1vh;
        text-shadow: 0.3vh 0.3vh 0.3vh #5f0e35;
        text-transform: uppercase;
}

main .containerEstatutos{
    display: flex;
    flex-flow: column;
    min-height: 75vh;
}

main .containerEstatutos h1{
	font-size: 2vh;
	line-height: 1.2;
    text-align: center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin: 2vh 2vh;
}

main .containerEstatutos h2{
	font-size: 1.8vh;
	line-height: 1.2;
    text-align: center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin: 1.6vh 1.6vh;
}

main .containerEstatutos h3{
	font-size: 1.6vh;
	line-height: 1.2;
    text-align: center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin: 1.2vh 1.2vh;
}

main .containerEstatutos p{
	font-size: 1.4vh;
	margin: 1vh 1vh;
	text-align: justify;
	font-family: Arial, "Lucida Grande", sans-serif;
}

main .containerEstatutos ul{
	display: flex;
	flex-flow: column;
    margin: 1vh 2vh;
}

main .containerEstatutos ul li{
	font-size: 1.4vh;
	margin: 1vh 1vh;
	font-family: Arial, "Lucida Grande", sans-serif;
	list-style-type: disc;
}

main .containerEnviado{
    display: flex;
    flex-flow: column;
	color: black;
    width: 100%;
	align-items: center;
    margin-bottom: 2rem;
	min-height: 75vh;
}

main .containerEnviado img{
	height: 10vh;
}

main .containerEnviado p{
	font-size: 2.4vh;
	margin: 2vh 2vh;
	text-align: justify;
	width: 75%;
    text-align: center;
}

}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 768px)
and (orientation: portrait){

header .menuPrincipal input{
  display: flex;
  width: 35px;
  height: 35px;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  position:absolute;
  top: 20px;
  right: 16px;
}

header .menuPrincipal span{
  display: flex;
  width: 29px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: #ffffff;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

header .menuPrincipal span:first-child{
  transform-origin: 0% 0%;
}

header .menuPrincipal span:nth-last-child(2){
  transform-origin: 0% 100%;
}

header .menuPrincipal input:checked ~ span{
  opacity: 1;
  transform: rotate(45deg) translate(-3px, -1px);
  background: #36383F;
}
header .menuPrincipal input:checked ~ span:nth-last-child(3){
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

header .menuPrincipal input:checked ~ span:nth-last-child(2){
  transform: rotate(-45deg) translate(0, -1px);
}

}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 768px)
and (orientation: landscape){

header .menuPrincipal input{
  display: flex;
  width: 35px;
  height: 35px;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  position:absolute;
  top: 5px;
  right: 30px;
}

header .menuPrincipal span{
  display: flex;
  width: 29px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: #ffffff;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

header .menuPrincipal span:first-child{
  transform-origin: 0% 0%;
}

header .menuPrincipal span:nth-last-child(2){
  transform-origin: 0% 100%;
}

header .menuPrincipal input:checked ~ span{
  opacity: 1;
  transform: rotate(45deg) translate(-3px, -1px);
  background: #36383F;
}

header .menuPrincipal input:checked ~ span:nth-last-child(3){
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

header .menuPrincipal input:checked ~ span:nth-last-child(2){
  transform: rotate(-45deg) translate(0, -1px);
}

main .containerAcerca{
    display: flex;
    flex-flow: column;
	min-height: 75vh;
	align-items: center;
    margin: 0vh 30vh;
}

footer .footerBottom{
	display: flex;
	width: 100%;
	height: 50%;
	justify-content: space-between;
	text-align: center;
	padding: 0.2vh;
}

main .containerContacto{
    display: flex;
    flex-flow: column;
	align-items: center;
    margin-bottom: 2vh;
	min-height: 75vh;
}

}

/*
Small screens, laptops – 769px — 1024px
Desktops, large screens – 1025px — 1200px
Extra large screens, TV – 1201px, and more
*/

@media only screen
and (min-width: 769px)
{
	
header{
	background-color: #a3185b;
	height: 15rem;
}

header .contenedor{
	display: flex;
	justify-content: space-between;
	width: 90%;
	height: 100%;
	margin: auto;
}

header .logo{
	display: flex;
}

header .logo img{
	height: 15rem;
	align-self: center;
}

header .menuPrincipal input{
  display: none;
}

header nav ul{
	display: flex;
	height: 100%;
	justify-content: space-around;
	align-items: center;
}

header nav ul li{
	padding: 1rem;
	font-size: 2rem;
	font-weight: 600;
}

header nav ul li:hover{
	cursor: pointer;
	transform: scale(0.75);
}

header nav ul li a, nav ul li a:link, nav ul li a:visited, nav ul li a:focus, nav ul li a:hover, nav ul li a:active {
    color: white;
}

main .banner{
	background-image: url(../images/lily.png);
	height: 85vh;
	background-repeat:no-repeat;
    background-size:contain;
	display: flex;
	flex-direction: row;
	max-width: 100%;
}

main .bannerLeft{
	display: flex;
	width: 50%;
}

main .bannerRight{
	display: flex;
	flex-direction: column;
	align-items: center;
    justify-content: center;
	color: black;
	width: 50%;
}

main .bannerRight h1{
	font-size: 8vh;
	line-height: 1.2;
    text-align: center;
    overflow: auto;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

main .bannerRight p{
	font-size: 2.4vh;
	margin: 2vh 2vh;
	text-align: justify;
	padding: 0vh 10vh;
}

 main .bannerRight button{
	    margin-top: 2vh;
        border:0;
        color: white;
        font-size: 5vh;
        padding: 3vh 5vh;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d62078), color-stop(100%,#921551));
        -moz-border-radius: 1vh;
        -webkit-border-radius: 1vh;
        text-shadow: 0.3vh 0.3vh 0.3vh #5f0e35;
        text-transform: uppercase;
    }

main .bannerRight button:hover{
	cursor: pointer;
	transform: scale(0.75);
}

footer{
    background-color: #474747;
	height: 150px;
    color: white;
}

footer .footerTop{
	display: flex;
	justify-content: space-between;
	width: 90%;
	height: 50%;
	margin: auto;
	border-bottom: 2px dashed grey;
}

footer .logo{
	display: flex;
	align-self: center;
}

footer .logo img{
	height: 5rem;
}

footer nav ul{
	display: flex;
	height: 100%;
	justify-content: space-around;
	align-items: center;
}

footer nav ul li{
	padding: 2rem;
	font-size: 2rem;
	font-weight: 600;
	color: black;
}

footer nav ul li:hover{
	cursor: pointer;
	transform: scale(0.75);
}

footer .footerBottom{
	display: flex;
	justify-content: space-between;
	width: 90%;
	height: 50%;
	margin: auto;
}

footer .footerBottom p{
	padding: 2rem;
	font-size: 2rem;
	font-weight: 600;
	color: white;
}

footer .menuLegal ul li a, .menuLegal ul li a:link, .menuLegal ul li a:visited, .menuLegal ul li a:focus, .menuLegal ul li a:hover, .menuLegal ul li a:active {
    color: white;
}

main .containerParticipa{
    display: flex;
    flex-direction: column;
	width: 100%;
	height: 85vh;
    justify-content: center;
	align-items: center;
    color: black;
    background-color: lightgray;
}

main .containerParticipa form{
    display: flex;
    flex-flow: column;
    padding: 4vh 20vh;
    justify-content: center;
	align-items: center;
    box-shadow: black 0px 0px 5vh;
    background-color: white;
    border-radius: 2vh;
}

main .containerParticipa h1{
	font-size: 7vh;
	line-height: 1.2;
    text-align: center;
    overflow: auto;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

main .containerParticipa input, textarea{
	border: none;
    resize: none;
    outline: none;
    padding: 2vh 0;
    margin: 2vh;
    width: 80%;
    border-bottom: 0.2vh solid lightgrey;
    transition: all 500ms;
}

main .containerParticipa input:focus, textarea:focus{
    border-bottom-color: #a3185b;
}

main .containerParticipa .containerCheck{
    display: flex;
    flex-flow: row;
    width: 80%;
    justify-content: center;
	align-items: center;
}

main .containerParticipa .containerCheck input[type="checkbox"]{
    width: 3vh;
    height: 3vh;
    cursor: pointer;
}

main .containerParticipa .containerCheck label{
	font-size: 1.4vh;
	line-height: 1.2;
    text-align: center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

main .containerParticipa button{
        border:0;
        color: white;
        font-size: 2vh;
        padding: 3vh 5vh;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d62078), color-stop(100%,#921551));
        -moz-border-radius: 1vh;
        -webkit-border-radius: 1vh;
        text-shadow: 0.3vh 0.3vh 0.3vh #5f0e35;
        text-transform: uppercase;
}

main .containerParticipa button:hover{
	cursor: pointer;
	transform: scale(0.75);
}

main .containerEstatutos{
    display: flex;
    flex-flow: column;
	color: black;
    width: 100%;
    justify-content: center;
	align-items: center;
    margin-bottom: 2rem;
	min-height: 85vh;
}

main .containerEstatutos h1{
	font-size: 2rem;
	line-height: 1.2;
    text-align: center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin: 2rem 2rem;
}

main .containerEstatutos h2{
	font-size: 1.8rem;
	line-height: 1.2;
    text-align: center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin: 1.6rem 1.6rem;
}

main .containerEstatutos h3{
	font-size: 1.6rem;
	line-height: 1.2;
    text-align: center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin: 1.2rem 1.2rem;
	min-height: 85hv;
}

main .containerEstatutos p{
	font-size: 1.4rem;
	margin: 1rem 1rem;
	text-align: justify;
	width: 60%;
	font-family: Arial, "Lucida Grande", sans-serif;
}

main .containerEstatutos ul{
	display: flex;
	flex-flow: column;
	width: 55%;
}

main .containerEstatutos ul li{
	font-size: 1.4rem;
	margin: 1rem 1rem;
	font-family: Arial, "Lucida Grande", sans-serif;
	list-style-type: disc;
}

main .containerCuentas{
    display: flex;
    flex-flow: column;
	color: black;
    width: 100%;
	min-height: 85vh;
    justify-content: center;
	align-items: center;
    margin-bottom: 2rem;
}

main .containerCuentas h1{
	font-size: 2rem;
	line-height: 1.2;
    text-align: center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin: 2rem 2rem;
}

main .containerCuentas p{
	font-size: 1.4rem;
	margin: 1rem 1rem;
	text-align: justify;
	width: 60%;
	font-family: Arial, "Lucida Grande", sans-serif;
}

main .containerCuentas ul{
	display: flex;
	flex-flow: column;
	width: 55%;
}

main .containerCuentas ul li{
	font-size: 1.4rem;
	margin: 1rem 1rem;
	font-family: Arial, "Lucida Grande", sans-serif;
	list-style-type: disc;
}

main .containerAcerca{
    display: flex;
    flex-flow: column;
	color: black;
    width: 100%;
    justify-content: center;
	align-items: center;
    margin-bottom: 2rem;
	min-height: 85vh;
}

main .containerAcerca h1{
	font-size: 2rem;
	line-height: 1.2;
    text-align: center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin: 2rem 2rem;
}

main .containerAcerca p{
	font-size: 1.4rem;
	margin: 1rem 1rem;
	text-align: justify;
	width: 60%;
	font-family: Arial, "Lucida Grande", sans-serif;
}

main .containerContacto{
    display: flex;
    flex-flow: column;
	color: black;
    width: 100%;
	align-items: center;
    margin-bottom: 2rem;
	min-height: 85vh;
}

main .containerContacto h1{
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  font-size: 65px;
  padding: 80px 50px;
  text-align: center;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  color: #131313;
  letter-spacing: .15em;
  text-shadow: 
       1px -1px 0 #767676, 
      -1px 1px 1px #737272, 
      -2px 2px 1px #767474, 
      -3px 3px 1px #787777, 
      -4px 4px 1px #7b7a7a, 
      -5px 5px 1px #7f7d7d, 
      -6px 6px 1px #828181, 
      -7px 7px 1px #868585, 
      -8px 8px 1px #8b8a89, 
      -9px 9px 1px #8f8e8d, 
      -10px 10px 1px #949392, 
      -11px 11px 1px #999897, 
      -12px 12px 1px #9e9c9c, 
      -13px 13px 1px #a3a1a1, 
      -14px 14px 1px #a8a6a6, 
      -15px 15px 1px #adabab, 
      -16px 16px 1px #b2b1b0, 
      -17px 17px 1px #b7b6b5, 
      -18px 18px 1px #bcbbba, 
      -19px 19px 1px #c1bfbf, 
      -20px 20px 1px #c6c4c4, 
      -21px 21px 1px #cbc9c8, 
      -22px 22px 1px #cfcdcd, 
      -23px 23px 1px #d4d2d1, 
      -24px 24px 1px #d8d6d5, 
      -25px 25px 1px #dbdad9, 
      -26px 26px 1px #dfdddc, 
      -27px 27px 1px #e2e0df, 
      -28px 28px 1px #e4e3e2;
}

main .containerContacto p{
	font-size: 2.4rem;
	margin: 2rem 2rem;
	text-align: justify;
	width: 75%;
}

main .containerContacto ul{
	display: flex;
	flex-flow: column;
}

main .containerContacto ul li{
    display: flex;
    align-items: center;
	padding: 1rem;
	font-size: 2rem;
	font-weight: 600;
}

main .containerContacto ul li img{
	margin-right: 2rem;
}

main .containerEnviado{
    display: flex;
    flex-flow: column;
	color: black;
    width: 100%;
	align-items: center;
    margin-bottom: 2rem;
	min-height: 65vh;
}

main .containerEnviado p{
	font-size: 2.4vh;
	margin: 2vh 2vh;
	text-align: justify;
	width: 75%;
    text-align: center;
}

}
/*border: 0.1rem solid red;*/