@import "variables";
/* Medium devices (tablets, 768px and up) */
/* Medium devices (tablets, 768px and up) */



html {
	-webkit-text-size-adjust: 100%;
}

body {
	font-size: 1rem;
	font-family: $font-body;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a {
	color: $primary-color;
	font-weight: 700;
}
h1 {
	font: 700 3rem/4rem $font-body;
	letter-spacing: 2.4px;
	color: $secondary-color;
}
h2 {
	font: 700 2.5rem/3.75rem $font-body;
	color: $secondary-color;
}
h3 {
	font: 700 2rem/3rem $font-body;
	color: $secondary-color;
}
h4 {
	font: 700 1.5rem/1.8rem $font-body;
	color: $secondary-color;
}
h5 {
	font: 700 1.25rem/1.50rem $font-body;
	color: $secondary-color;
}
h6 {
	font: 700 1rem/1.2rem $font-body;
	color: $secondary-color;
	position: relative;
}
hr {
	border: 0;
	border-top: 0.5px solid rgba(32, 121, 212, 0.3);
}
.normal {
	font-weight: 400;
}
.semibold {
	font-weight: 600;
}
.bold {
	font-weight: 700;
}
@media (min-width: 768px) and (max-width:1024px) {
	h1 {
		font: 700 2.5rem/3.5rem $font-body;
	}
	h2 {
		font: 700 2rem/2.5rem $font-body;
	}
	h3 {
		font: 700 1.5rem/2rem $font-body;
	}
	h4 {
		font: 700 1.5rem/2rem $font-body;
	}
	h5 {
		font: 700 1rem/1.50rem $font-body;
	}
	h6 {
		font: 700 .75rem/1.2rem $font-body;
	}
}
@media screen and (max-width: 767px) {
	h1 {
		font: 700 2rem/2.75rem $font-body;
	}
	h2 {
		font: 700 1.75rem/2.5rem $font-body;
	}
	h3 {
		font: 700 1.5rem/2rem $font-body;
	}
	h4 {
		font: 700 1.5rem/2rem $font-body;
	}
	h5 {
		font: 700 1rem/1.50rem $font-body;
	}
	h6 {
		font: 700 .75rem/1.2rem $font-body;
	}
}