/* `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) { 
	body {
		background-color: lightgoldenrodyellow;

	}
}

/* `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 
	body {
		background-color: lightcoral;
	}
	
	.nav-link {
		color: #292E33;
	}


}


/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { 
	body {
		background-color: lightblue;
	}

	.container-narrow {
		padding-left: 4rem;
		padding-right: 4rem;
	}

	
	.nav-item {
		border-bottom: 1px solid rgba(0, 0, 0, 0.15);
		width: 225px;
	}
	.nav-item:last-child {
		border-bottom: none;
	}
	.nav-link {
		font-size: 1.5rem;
	}



}

/*`md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 
	body {
		background-color: lightgray;
	}

	.container-narrow {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.btn-arrow-right:after {
		content: "\F138";
		font-family: 'bootstrap-icons';		
		margin-left: 1rem;

	}

	.logo-pulse {
		animation: none;
		width: 20%;
		display: inline-block;
	}

	.btn-block .btn {
		width: 60%;
	}
	.btn-block .btn:last-child {
		margin-left: 0rem;
	}

	

}

/*`sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	body {
		background-color: lightpink;
	}
}