@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');
$font1:'Raleway', sans-serif;
$font2:'Montserrat', sans-serif;
$marron:#472a10;
$bordo:#621818;

body{padding:0px 0 0 0; margin:0; font-size:12px; height:100%; color:$marron; font-family:$font2;}
.clear{clear:both;}
h1, h2, h3, h4, h5, p, ul, li{padding:0; margin:0;}
li{list-style:none;}
a, a:hover{text-decoration:none; outline:none;}
a{outline:none!important;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.trans{-moz-transition: all 0.3s ease-in;
  -webkit-transition: 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;}
a, input, button{outline:none!important;}

.container{max-width:1200px;}
.logo{padding:20px 0 20px 0;
	img{width:71px;}
}
.fondohome{background-color:#f4f3f2;}
.home{
	h1{color:$marron; font-size:35px; line-height:41px; text-transform:uppercase; font-family:$font1;}
	h2{color:$marron; font-size:21px; line-height:30px; text-transform:uppercase; font-family:$font1; font-weight:300; margin:15px 0 26px 0;
		span{display:block;}
	}
	p{font-size:16px; line-height:25px;
		span{display:block;}
	}
	.pad{padding-right:45px;}
	.foto{height:400px; width:auto; display:block; clear:both; margin:45px auto 33px auto;}
	a{color:#fff; background-color:$bordo; text-transform:uppercase; padding:10px 15px 10px 15px; font-size:20px; @extend .trans;}
	a:hover{background-color:#000; cursor:pointer; color:#fff;}
	.col-md-7{background-color:$bordo; padding:31px 60px 31px 60px;
		h1{color:#f4f3f2; font-size:26px; margin-bottom:20px; text-align:center; font-weight:500; text-transform:uppercase;}
		h2{color:#f4f3f2; margin:0 0 15px 0; line-height:20px; padding:0; font-size:18px; font-weight:500;
			span{display:block;}
		}
		ul{
			li{width:49%; font-size:13px; display:inline-block; vertical-align:top; color:#f4f3f2; padding-right:20px;}
		}
	}
	.item{color:#fff; border-bottom:solid 1px #fff; padding-bottom:31px; margin-bottom:45px;}
	.noborde{border:none; margin-bottom:0; padding-bottom:0;}
	.nocolor{background-color:transparent;}
}
.formulario{padding:20px; font-size:12px; max-width:645px; margin:auto; margin-top:45px;
		h1{text-align:center; text-transform:uppercase; font-size:26px; font-family:$font1; font-weight:600;}
		h2{text-align:center; text-transform:uppercase; font-size:21px; font-family:$font1; font-weight:400; margin-bottom:20px; margin-top:6px;}
		input[type="text"], input[type="email"], select{border:none; background-color:transparent; width:100%; padding:10px; margin-bottom:15px; font-size:14px; border:solid 1px $marron; color:$marron;}
		input::placeholder{color:$marron; opacity:1;}
		a{color:$marron; text-decoration:underline;}
		a:hover{text-decoration:none;}
		input[type="submit"]{background-color:$bordo; color:#fff; font-family:$font1; font-size:16px; text-transform:uppercase; padding:10px 25px 10px 25px; border:none; display:block; margin:15px auto auto auto; @extend .trans;}
		input[type="submit"]:hover{background-color:#000;}
		p{color:$marron; text-align:center; font-size:15px;}
		.cursiva{font-style:italic; padding-top:10px; padding-bottom:31px;}
	}
footer{border-top:solid 1px $marron; padding:20px 0 20px 0; margin-top:45px;
	a{color:$marron; text-decoration:underline;}
	a:hover{color:#000; text-decoration:none;}
	.copy{color:$marron; font-size:12px; padding-top:45px;}
}
.gracias{padding:45px 0 45px 0;
	.mobile{display:none;}
}
.linksredes{
		padding:0px 0 31px 0; margin-top:31px; text-align:center;
		li{
			display:block; text-align:center; font-size:16px; margin-bottom:15px;
			img{margin-right:31px;}
		}
		li:first-child{}
		img{margin-left:15px; filter:invert(1);}
		a{color:#fff; background-color:$bordo; padding:10px 10px 10px 5px; display:block; width:285px;}
		a:hover{background-color:#000;}
	}
.fondogracias{background-color:#f4f3f2;}
@media (max-width: 600px) {
	.wow {
    animation-name: none !important;}
    .bordemobile{padding:0;}
    .home .formulario{border:none; border-bottom:solid 1px $marron; border-top:solid 1px $marron; margin:20px 0 20px 0;}
    footer img{width:193px; display:block; margin:auto auto 31px auto;}
    .home .pad{padding-right:0; padding-bottom:20px;}
    .gracias .desktop{display:none;}
    .gracias .mobile{display:block;}
    footer .copy{text-align:center;}
    .home .col-md-7{padding:20px;}
    .home .col-md-7 h1{text-align:left; line-height:29px;}
    .home .col-md-7 h1 span{display:block;}
    .home .item img{width:80%; display:block; margin:auto auto 20px auto;}
    .formulario p{font-size:13px;}
}