@charset "utf-8";
/* CSS Document */

.notaria{
	display: flex;
	align-content: space-between;
	margin:0 auto;
	max-width: 800px;
	padding: 7em 2em;
	height:100%
		
}

.notariaimg{
	padding-right: 1.5rem;
}

.notariatxt{
	
	padding-left: 1rem;
	font-family: 'Barlow', sans-serif; 	
	color:var(--azul);
}

.notariatxt h2{
	font-size: 3em;
	padding-bottom: 2rem;
}

.notariatxt p{
	font-size: .9em;
}



.notariatxt a{
width: 150px;
background-color:#00137f; 
  border: none;
  color: white;
	margin-top: 3rem;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display:block;
  font-size: 16px;
  transition-duration: 0.4s;
}

.notariatxt a:hover{
  background-color: white;
  color:#00137f;
  border: 2px solid #00137f;
}


.notariocontainer{
	width: 100%;
	height: 100vh;
	padding: 10vh 0;
	background-image: url( "../image/not180-notario.webp");	
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	margin-bottom: 4vh;
	clip-path: polygon(0 0, 73% 7%, 100% 0, 100% 92%, 27% 100%, 0 93%);
}

.notario{
	max-width: 800px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
	padding-bottom:6vh;
	padding-top: 3vh;
	transition: all 2s ease-in-out;
	}

.notariotxt{
	color: #00137f;	
	text-align: center;
	font-family: 'Barlow', sans-serif;
}

.notario h3{
	font-size:3em;
}
.notario h2{
	font-size:1.3em;
	padding-bottom: 1rem;
}

.notarioimg img{
	width:65%;
	display: block;
	margin:0 auto;
	padding-top: 4vh;	
}

.notariobtn{
	padding-top: 5vh;
}

.notariobtn a{
  background-color:#00137f; 
  border: none;
  color: white;
  padding: 15px 32px;
  text-decoration: none;
  display: inline-block;
  font-size:1em;
  transition-duration: 0.4s;
  }

.notariobtn a:hover{
  background-color: white;
  color:#00137f;
  border: 2px solid #00137f;
}

@media (max-width: 800px){

.notaria{
flex-direction:column;
width: 90%;
text-align: center;
}

.notariaimg{
display: none;
	}
	
.notariatxt{
padding-left: 0px;
padding-top: 1em;
width: 100%
	}
	
.notariatxt p{
margin: 0 auto;
text-align: justify
	}
	
	
.notariatxt a{
		margin: 0 auto;
		margin-top: 3em;
	}
	
.notariatxt h2{
		font-size: 2.4rem;
	}
	
.notariotxt h2{
		font-size: 1.3rem;
	}
	
	.notariotxt h3{
		font-size: 2.4rem;
	}
}