@font-face{
    font-family:gobold bold;
    src: url(../font/Gobold-Bold.otf);
}

h1{
    overflow-y:hidden;
}

.purpleButtons{
    background-color:#3B3C7C;
    color:#FEFEFE;
    font-family:gobold regular;
    text-align:center !important;
}

/* secciones */
#home{
    margin-top:2.5%;
    width:100vw;
    background: url("../assets/home.jpg") no-repeat ;
    background-size:100% 110%;
    height:100vh;
    display:grid;
    grid-template-columns:40% 57%;
}

.title1{
    margin-top:8%;
    width:100%;
    font-family:stencil;
    text-align:right;
    font-size:5vw;
}
.title1>span{
    display:block;
    font-family:stencil;
    font-size:2em;
    margin-top:-16px;
}

.content2{
    text-align:right;
    float:right;
    width:95%;
    font-family:verdana;
    font-weight: bold;
}

.content p:nth-child(2){
    width:70%;
}

.content p:nth-child(3){
    margin-top:-2%;
    margin-bottom:10px;
}

.content p:nth-child(4){
    padding:5px;
    margin-top:19%;
    margin-left:40%;
    clear:right;
    width:40%;
}

 /* ENTRENAMIENTO */
#entrenamiento{
    background: url('../assets/entrenamientos.jpg') no-repeat #E6E7E8 ;
    background-size:100vw 92vh;
    background-position-y:8vh;
    overflow: hidden;
    width:100vw;
    height:100vh;
    display:grid;
    grid-template-columns:40% 57%;
    grid-template-rows:55vh 45vh; 
}

.titleTraining{
    padding-top:0px;
    width:100%;
    text-align:right;
    font-family:stencil;
    font-size:8vw;
}

.entrenamiento1{
    margin-top:7%;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:space-around;
    flex-wrap:wrap;
    overflow-y:hidden;
}

.content3{
    margin-left:37%;
    padding:0 5% 1% 0;
    z-index:0;
    width:65%;
    font-family:verdana;
    font-size:1vw;
    text-align:left;
    font-weight:bold;
    align-self:center;
}

.section3{
    grid-column:1/ span 3;
    display:flex;
    justify-content:space-around;
}
.purpleShow{
    margin-top:3%;
    padding:5px;
}
.entrenamientoButton{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:33%;
}
.purpleHiddeMessageShow{
    background-color:rgba(102, 102, 51, 0.400);
    display:block;
    height:auto;
    margin-top:7%;
    padding:10px;
    width:51%;
    font-weight:bold;
    color:#ffffff;
}
.purpleHiddeMessage{
    display:none;
}

#entrenamiento div:nth-child(4){
    padding:1% 10% 1% 10%;
    grid-column: 1 / span 3;
}

/* NUESTRO EQUIPO */
#nuestro-equipo{
    width:100vw;
    background:url(../assets/equipo1.jpg) no-repeat #E6E7E8;
    background-size:100vw 100vh;
    height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}

.entrenador{
    background-color:#000000a1;
    padding-top:6vh;
    height:20vh;
    display:flex;
    justify-content:space-around;
    font-size:6vh;
    color:#ffffff;
}
.entrenador p{
    font-family: gobold regular;
}

/* CONTACTO */
#contacto{
    width:100vw;
    background: url('../assets/contacto.jpg') no-repeat;
    background-size:110vw;
    height:100vh;
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    overflow-y:hidden;
    
}

form{
    margin-left:5%;
}

.formulario {
    display:grid;
    width:50%;
    grid-template-columns:40% 60%;
    grid-gap:2vh;
    margin-top:1%;
}

#contacto h1{
    margin-top:10%;
    margin-left:5%;
    font-family:gobold regular;
}

.text-area{
    grid-column:1 / span 2;
    font-family:gobold regular;
}
.formulario input{
    height:5vh;
}

input{
    font-family:gobold regular;
}

#submit{
    margin-top:1%;
}

.claseGratis{
    margin-top:3%;
    margin-left:6%;
    padding:5px;
    background-color:#ffffff;
    font-family:gobold bold;
    color:#3B3C7C;
    display:inline-block;
}
/* FOOTER */
footer{
    display:grid;
    color:#ffffff;
    height:25vh;
    grid-template-columns:60vw 50vw;
    justify-content:space-around;
    background-color:#3B3C7C;
    font-family:verdana;
}

.footer1{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-evenly;
    align-content:space-between;
}
.sponsorLogo{
    padding-top:1.5%;
    width:25%;
    height:55%;
}

.derechosReservados{
    width:100%;
    height:15%;
    padding-top:2%;
    text-align:center;
    font-size:0.8vw !important;
}

.footer2{
    height:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.footer2 p {
    width:100%;
    font-family:stencil;
    font-size:5.5vw;
}
.footer2 a {
    width:10%;
}

#address {
    width:27%;
    margin-right:17%;
    font-size:1vw;
    font-weight: 100;
    font-family:verdana !important;
}