/*	custom padding, to make hovers match height of logo
	based on the answer in - https://stackoverflow.com/questions/46119384/bootstrap-4-add-more-sizes-spacing
	breakpoint entry taken from - https://github.com/twbs/bootstrap/blob/v4-dev/dist/css/bootstrap.css#L6937
*/

@media (min-width: 992px) {

	/* Hovers fix */
    .pt-lg-c,
    .py-lg-c {
      padding-top: 2.5rem !important;
    }

    .pr-lg-c,
    .px-lg-c {
      padding-right: 2.5rem !important;
    }

    .pb-lg-c,
    .py-lg-c {
      padding-bottom: 2.5rem !important;
    }

    .pl-lg-c,
    .px-lg-c {
      padding-left: 2.5rem !important;
    }
	
	/* Underline fix */
	.pb-lg-u {
		padding-bottom: 0.85rem !important;
	}
	
}

@media (min-width: 576px) {

    .pl-sm-c,
    .px-sm-c {
      padding-left: 2.5rem !important;
    }
	
}