@font-face {
    font-family: encode;
    src: url(EncodeSansNarrow.ttf);
}

@font-face {
    font-family: lane;
    src: url(lanenar.ttf);
}


* {
	font-family: lane;

}

body {
	max-width : 100%;
	max-height : 100%;
}

h2 {
	text-align:center;
	font-size:4rem;
	color: #5B5A5D;
}

.d1{
	margin:4rem auto;
}

.d2{
	display: flex;
	justify-content: space-between;
	width: 20%;
	margin:auto;
}

.punto{
	display: flex;
	height: 1rem;
	width: 1rem;
	background-color:#6C94CA;
}

p{
	text-align:center;
	font-size: 1.5rem;
	color: #DC9828;
}

img{
	max-width: 80%;
}


@media (max-width:800px) {
  h2 {
    font-size: 2rem;
  }

  p{
  	font-size: 1rem;
  	font-weight: bold;
  }
  .d2{
  	width: 80%;
  }
}