@font-face{
	font-family: "Play-Bold.ttf";
	src: url("../fonts/Play-Bold.ttf");
	font-weight: normal;
}
@font-face{
	font-family: "Play-Regular.ttf";
	src: url("../fonts/Play-Regular.ttf");
	font-weight: normal;
}

@font-face{
	font-family: "cour.ttf";
	src: url("../fonts/cour.ttf");
	font-weight: normal;
}
@font-face{
	font-family: "Quillain.ttf";
	src: url("../fonts/Quillain.ttf");
	font-weight: normal;
}

h1{
	font-family: "Quillain.ttf", normal;
}
h2{
	font-family: "Play-Regular.ttf", bold;
}
h3{
	font-family: "cour.ttf", normal;
}
h4{
	font-family: "cour.ttf", normal;
}
h5{
	font-family: "cour.ttf", normal;
}


#header{
	color: white;
	width: 100%;
	margin: 0;
	padding: 50px 0;
	background: rgba(243,226,199,1);
background: -moz-linear-gradient(left, rgba(243,226,199,1) 0%, rgba(131,89,37,1) 35%, rgba(131,89,37,1) 66%, rgba(233,212,179,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243,226,199,1)), color-stop(35%, rgba(131,89,37,1)), color-stop(66%, rgba(131,89,37,1)), color-stop(100%, rgba(233,212,179,1)));
background: -webkit-linear-gradient(left, rgba(243,226,199,1) 0%, rgba(131,89,37,1) 35%, rgba(131,89,37,1) 66%, rgba(233,212,179,1) 100%);
background: -o-linear-gradient(left, rgba(243,226,199,1) 0%, rgba(131,89,37,1) 35%, rgba(131,89,37,1) 66%, rgba(233,212,179,1) 100%);
background: -ms-linear-gradient(left, rgba(243,226,199,1) 0%, rgba(131,89,37,1) 35%, rgba(131,89,37,1) 66%, rgba(233,212,179,1) 100%);
background: linear-gradient(to right, rgba(243,226,199,1) 0%, rgba(131,89,37,1) 35%, rgba(131,89,37,1) 66%, rgba(233,212,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3', GradientType=1 );
}

.borde{
	border: 1px solid #000;
}

.carousel('cycle'){
	width: 100%;
	transition: transform 2s ease, opacity .5s ease-out;
}

.navbar-brand{ 
}

#servicios{
	width: 100%;
	background-image: linear-gradient(white, #e4e4e4); 
	color: #000;
	padding: 50px 0;
}
#servicios1{
	width: 100%;
	background-image: linear-gradient(white, #e4e4e4); 
	color: #000;
	padding: 50px 0;
}
#servicios2{
	width: 100%;
	background-image: linear-gradient(white, #e4e4e4); 
	color: #000;
	padding: 50px 0;
}

#nosotros{
	color: #835825;
	display: table;
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
	background:url('../img/sellados.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
}

#contacto{
	color: white;
	width: 100%;
	margin: 0;
	background-color: #835825;
	padding: 50px 0;
}

#footer{
	color: #9c9c9c;
	background-color: #141212;
	padding: 15px 0;
	margin: 0;
}

.p0{
	padding: 0 !important;
}

#portafolio{
	margin: 0;
	padding: 90px 0;
}

#footer p{
	margin: 0;
	padding: 0;
}

.zoom{
/* Aumentamos la anchura y altura durante 2 segundos */
	transition: width 2s, height 2s, transform 2s;
	-moz-transition: width 2s, height 2s, -moz-transform 2s;
	-webkit-transition: width 2s, height 2s, -webkit-transform 2s;
	-o-transition: width 2s, height 2s,-o-transform 2s;
}
.zoom:hover{
	transform : scale(1.5);
 	-moz-transform : scale(1.5);      /* Firefox */
	-webkit-transform : scale(1.5);   /* Chrome - Safari */
	-o-transform : scale(1.5);        /* Opera */
}

img {
	max-width:100%;
}

@media (min-width: 576px) { ... }

@media (min-width: 768px) { ... }

@media (min-width: 992px) { ... }

@media (min-width: 1200px) { ... }

@media (hover: hover) {
    some-selector {
        property: value;
    }
}