:root {
    --accessBlue:#244F70;
    --accessLightBlue:#2FB2E4;
    --accessGrey:#707070;
}

html {
  scroll-behavior: smooth;
}

body {
	font-family: 'Roboto', sans-serif;
}

h1 {
	color: var(--accessBlue);
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 55px;
	font-weight: bold;
	text-transform: uppercase;
}

h2 {
	color: var(--accessBlue);
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 45px;
	font-weight: bold;
}

h3 {
	color: var(--accessGrey);
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	font-weight: bold;
}

p {
	color: var(--accessGrey);
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.3;
}

a {
	color: var(--accessBlue);
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: bold;
}

a:hover {
	color: var(--accessLightBlue);
}

.bg-black {
	background-color: #080d11;
}
.bg-purple {
	background-color: #a53de7;
}

.btn-default {
    color: #fff;
    background-color: var(--accessLightBlue);
    border-radius: 18px;
    padding: 16px 35px;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    display: inline-block;
    line-height: 1;
}

.btn-default:hover {
    color: #fff;
    background-color: var(--accessBlue);
}

@media (min-width: 1450px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
    	max-width: 1400px;
    	width: 1400px;
	}
}
/*********************************************************/
/* NAV                                                   */
/*********************************************************/
.navbar {
	border-bottom: 2px solid #b7228b;
	background-color: #080d11;
}
.navbar h6{
	font-family: normalidad-text, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: .9rem;
	text-transform: uppercase;
	letter-spacing: 3px;
	line-height: 1;
	padding-right: 5px;
}
.navbar a {
	font-family: normalidad-text, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: .9rem;
	color: #a53de7;
	letter-spacing: 3px;
	text-transform: uppercase;
}
.navbar h5 a {
	font-family: normalidad-text, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2.1rem;
	letter-spacing: unset;
	text-transform: uppercase;
}
/*********************************************************/
/* HOMEPAGE                                              */
/*********************************************************/
.dl-bg {
	background-image: url(/assets/img/dl-bg.jpg);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}
.dl-logo {
	max-width: 100%;
}
.dl-bg h4 {
	font-family: normalidad-ultraextended, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.1rem;
    line-height: 1.5;
    letter-spacing: 5px;
}
.serving h4 {
	font-family: normalidad-text, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.5rem;
	letter-spacing: 5px;
	line-height: 1.3;
}
.serving h5 {
	font-family: normalidad-compact, sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 2rem;
	letter-spacing: 3px;
	line-height: 1;
}
.serving img {
	padding: 0 15px;
}
.pricing h2 {
	font-family: normalidad-ultraextended, sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 9rem;
	line-height: .5;
}
.pricing h3 {
	font-family: normalidad-text, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.1rem;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #a53de7;
}
.pricing p {
	font-family: normalidad-text, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.1rem;
	color: #fff;
}
.pricing h6 {
	font-family: normalidad-text, sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 1.3rem;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #fff;
}
.pricing img {
	margin-top: -55px;
	max-width: 100%;
}
.price h5 {
	font-family: normalidad-ultraextended, sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 7rem;
}
.price h5 sup {
	top: -.7em;
}
.price h4 {
	font-family: normalidad-ultraextended, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 3.4rem;
	line-height: 1.1;
}
.info {
	background-image: url(/assets/img/info-bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.info h3 {
	font-family: normalidad-text, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.3rem;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #fff;
}
.info li {
	font-family: normalidad-compact, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1rem;
	text-transform: uppercase;
	color: #fff;
	line-height: 1.6;
}
.info h4 {
	font-family: normalidad-text, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.3rem;
	letter-spacing: 5px;
	text-transform: uppercase;
	color: #fff;
}
.info .info-phone {
	font-family: normalidad-ultraextended, sans-serif;
	font-weight: 900;
	font-style: normal;
	text-transform: uppercase;
	color: #fff;
	font-size: 2rem;
	letter-spacing: 3px;
}
.info .info-email {
	font-family: normalidad-ultraextended, sans-serif;
	font-weight: 900;
	font-style: normal;
	text-transform: uppercase;
	color: #fff;
	font-size: 1.3rem;
	letter-spacing: 3px;
}
.info hr {
	border-top: 2px solid #fff;
}
.info img {
	max-width: 100%;
}
/*********************************************************/
/* FOOTER                                                */
/*********************************************************/
#footer h6 {
	font-family: normalidad-compact, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #898989;
}

/*********************************************************/
/* MEDIA QUERYS                                          */
/*********************************************************/

@media (max-width: 1200px) {
	.serving h5 {
		font-size: 1.5rem;
	}
	.info .info-email {
		font-size: 1.2rem;
	}
}

@media (max-width: 1024px) {
	.serving h5 {
		font-size: 1rem;
	}
}

@media (max-width: 992px) {
	.dl-bg h4 {
		font-size: 1rem;
	}
	.price h4 {
		font-size: 3.4rem;
	}
}

@media (max-width: 768px) {
	.navbar h6{
		font-size: .7rem;
	}
	.navbar a {
		font-size: .7rem;
	}
	.navbar h5 a {
		font-size: 1.5rem;
	}
	.navbar-brand img {
		width: 100px;
	}
	.dl-bg h4 {
		font-size: .8rem;
		letter-spacing: 2px;
	}
	.info .info-email {
		font-size: .8rem;
	}
	.info .info-phone {
		font-size: 1.2rem;
	}
	.pricing h6 {
		font-size: 1rem;
	}
	.serving h5 {
    	line-height: 2;
	}
	.serving img {
    	padding: 0 0px;
    	width: 20px;
    	height: auto;
	}
	.price h2 {
		font-size: 6rem;
	}
	.price h4 {
		font-size: 2.3rem;
	}
	.price h5 {
		font-size: 5rem;
	}
}

@media (max-width: 600px) {
	.pricing h6 {
		font-size: .8rem;
	}
	.pricing img {
    	margin-top: -35px;
	}
	.serving img {
    	padding: 0 0px;
	}
	.price h2 {
		font-size: 5rem;
	}
	.price h4 {
    	font-size: 1.8rem;
	}
	.price h5 {
    	font-size: 4rem;
	}
}

@media (max-width: 500px) {
	.navbar h6{
		font-size: .6rem;
		letter-spacing: 1px;
	}
	.navbar a {
		font-size: .6rem;
		letter-spacing: 1px;
	}
	.navbar h5 a {
		font-size: 1rem;
	}
	.navbar-brand img {
		width: 85px;
	}
	.price h2 {
		font-size: 4rem;
	}
	.price h4 {
    	font-size: 1.5rem;
	}
	.price h5 {
    	font-size: 3rem;
	}
	.info .info-email {
    	letter-spacing: 1px;
	}
}