@font-face {
    font-family: 'Recoleta';    
    src: url('/assets/fonts/Recoleta-SemiBold.eot') format('embedded-opentype'), /* Internet Explorer */
         url('/assets/fonts/Recoleta-SemiBold.woff2') format('woff2'),             /* Super Modern Browsers */
         url('/assets/fonts/Recoleta-SemiBold.woff') format('woff'),              /* Pretty Modern Browsers */
         url('/assets/fonts/Recoleta-SemiBold.ttf') format('truetype'),          /* Safari, Android, iOS */
         /*url('/assets/fonts/Recoleta-SemiBold.ttf') format('svg');*/               /* Legacy iOS */
}
:root{
	
}
html{
	font-size: 62.5%;
}
body{
    background: #3F4926;
    color: #fff;
    font-family: 'Montserrat';
}
svg{
    background: #A4AC6D;
    border-radius: 25px;
    fill: #fff;
    height: 25px;
    margin: 0 15px -8px 15px;
    padding: 8px;
    width: 25px;    
}
h1{
    font-family: 'Recoleta';
    font-size: 6rem;
}
p{
    font-size: 1.8rem;
}
.bold{
    font-weight: bold;
}
.content{    

}
.box{
    align-items: center;
    border-radius: 20px;
    display: flex;    
    margin: 5rem auto 30px auto;    
    height: 80vh;
    width: 80vw;
}
.box .logo{
    align-items: center;
    background: #FCF9F0;
    border-radius: 50px 0 0 50px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 50%;
}

.box .logo .title{
    font-family: 'Recoleta';
    font-size: 30px;
    color: #5C6736;
}
.box .logo .title span{
    color: #8B7B56;
}
.box .logo .sub-title,.box-g .sub-title{
    color: #7E8259;
    font-size: 2rem;
    font-weight: 600;
}
.box .subscribe{
    background-image: url('/assets/img/fondo-subscribe.jpg');
    border-radius: 0 50px 50px 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 50%;
}
.box .subscribe form{
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 30px 0;
}
.box .subscribe #subscribe-form{
    display: flex;    
    flex: wrap;
    flex-direction: column;
    width: 100%;
    
}
.box .subscribe #subscribe-form input{
    background: #7E8259;
    border: none;
    border-radius: 10px;
    color: #fff;
    font-size: 1.6rem;
    height: 40px;
    margin: 5px 0;
    max-width: 400px;
    padding: 10px 0 10px 20px;
    width: 100%;
}
.box .subscribe #subscribe-form button{
    background: #243516;
    border-radius: 5px;
    border: none;
    color: #fff;
    font-size: 1.8rem;    
    margin-top: 10px;
    padding: 10px 15px;
}
.box .subscribe #subscribe-form button:hover{
    background: #7E8259;
}
.box .subscribe #subscribe-form input::placeholder{
    color: #fff;
}
.box .subscribe .buttom-form{
    font-size: 1.6rem;
}
.buttom-content{
    display: flex;
    font-size: 2.4rem;    
    justify-content: center;
}
.buttom-content  .location, .buttom-content .mail{
    align-items: center;
    display: flex;
}
@media only screen and (max-width: 1080px){
 .box{
    display: flex;
    flex-direction: column;
    margin: 0;
    height: auto;
    width: 100%;
 }
 .box .logo{
    border-radius: 0;
    padding: 45px 0;
    width: 100%;
 }
 .box .subscribe{
    border-radius: 0;
    height: auto;
    padding: 45px 0;
    width: 100%;
 }
 .buttom-content{
    flex-direction: column;
    font-size: 1.6rem;
    row-gap: 20px;
    padding: 30px 0;
 }
}

.box-g{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;    
    border-radius: 20px;    
    margin: 5rem auto 30px auto;    
    height: 80vh;
    width: 80vw;
    background-color: white;
}
.box-g .sub-title{
    text-align: center;
}