/* Bootstrap 4 breakpoints*//* Extra small devices (portrait phones, less than 544px) No media query since this is the default in Bootstrap because it is "mobile first" *//* Small devices (landscape phones, 544px and up) */@media (min-width: 576px) {.navbar-area {background-color: #333;padding: 13px 0;}.navbar-area .navbar-brand {font-size: 2.2rem;}.footer-inner {max-width: 90%;padding-top: 1.5rem;}#hero-carousel h1 {font-size: 2.8rem;padding: 0 15px 10px;font-weight: normal;}.h1-on-page {font-size: 4.5rem;padding: 0 15px 10px;font-weight: normal;}.headline p.h1{font-size: 3.3rem;padding: 0 0.5rem;color: #FFF;}h2.best-repair{font-size: 1.4rem;padding: 0 50px;line-height: 150%;font-weight: normal;}	/*Hero Area Stuff*/.hero-area {padding-top: 350px;padding-bottom: 120px;}.hero-area::after {position: absolute;left: 0;top: 0;height: 100%;width: 100%;content: "";z-index: -1;background-color: rgba(51, 51, 51, 0.2 );}.dents {background-color: #4DA6FF;color: #FFF;text-align: center;padding: 20px;display: block;}.cracks {background-color: #97B0FF;color: #FFF;text-align: center;padding: 20px;display: block;}#carousel-testimonial {min-height: 420px;}/*Footer Stuff*/.footer-row {width: 90%;margin: auto;}.copyright-box {height: 60px;padding-top: 19px;}.copyright-box p {font-size: 0.8rem;padding: 0;}.footer-inner h5{font-size: 1.7rem;}.footer-inner p{font-size: 1rem;}.gallery-block.grid-gallery {    width: 100%;    margin-top: 2.7rem;    margin-bottom: 4rem;}/*CONTACT PAGE*/.contact-form-section {display: block;}#contact-page label{font-size: 0.8em;font-style: normal;}.contact-details .contact-para{font-size: 1em;margin-top: 1.2rem;}a.callme-button {    display: none;}}/* - - - - - - - - - - - - - - - END MINIMUM 576px - - - - - - - - - - - - - - - - - - - *//* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */@media (min-width: 768px) {.navbar-area {background-color: rgba(51, 51, 51, 0.9);padding: 14px 0;}.navbar-area .navbar-brand {font-size: 2.2rem;}.navbar-nav .nav-link {    display: block;	color: #FFFFFF;    padding: 0.7rem 1rem;}.hero-area {padding-top: 410px;padding-bottom: 150px;}.hero-area h1 {font-size: 3.4rem;padding: 0 15px 10px;font-weight: normal;}h2.best-repair {font-size: 1.6rem;padding: 0 150px;font-weight: normal;}.head-to-gallery-p {font-size: 1.3rem;}.cracks {padding-top: 20px;}.dents {padding: 20px;}.dents h2 {font-size: 5rem;padding-top: 10px;line-height: 110%;}.cracks h2 {font-size: 5rem;padding-top: 10px;line-height: 110%;}.repaired {font-size: 2.3rem;margin-top: 0;padding-top: 0;padding-bottom: 10px;line-height: 100%;}.price {font-size: 7rem;}.asterix {font-size: 1.5rem;}.tyre-removal {font-size: 1.1rem;padding-bottom: 20px;margin: 0 1rem;}/*Footer Stuff*/.footer-row {width: 90%;margin: auto;}.copyright-box {height: 60px;padding-top: 21px;}.copyright-box p {font-size: 0.9rem;padding: 0;}#carousel-testimonial {min-height: 395px;}.footer-inner {max-width: 96%;padding-top: 1.5rem;}h5.card-title{color: #FFFFFF;font-size:1.7rem;}.gallery-block.grid-gallery{  max-width: 96%;  margin: auto;  margin-top: 3rem;  margin-bottom: 4rem;}/*CONTACT PAGE*/#contact-page .address{font-size: 1em;margin-left: 4%;}.contact-details .contact-para{font-size: 1em;margin-top: 1.2rem;}.contact-details {    padding-left: 2rem;}.page-footer .footer-email {    font-size: 1rem;}.headline p.h1 {font-size: 3.3rem;padding: 0 0.5rem;}}/* - - - - - - - - - - - - - - - END MINIMUM 768px - - - - - - - - - - - - - - - - - - - *//* Large devices (desktops, 992px and up) */@media (min-width: 992px) {.navbar-area {background-color: rgba(51, 51, 51, 0.9);padding: 15px 0;}.navbar-area .navbar-brand {font-size: 2.6rem;}.navbar-expand-lg .navbar-nav .nav-link {    padding-right: 1.1rem;    padding-left: 1.1rem;	font-size: 1.1rem;}/*Hero Area Stuff*/.hero-area {background-image: url(../northampton-welding-images/alloy-wheel-repair-2000.jpg);padding-top: 420px;padding-bottom: 170px;}#hero-carousel h1 {font-size: 4rem;padding: 0 10px;font-weight: normal;display: block;}#hero-carousel h2.best-repair {font-size: 1.5rem;padding: 0;font-weight: normal;display: block;}.headline {display: none;}.cracks {padding: 20px;}.dents {padding: 20px;}.dents h2 {font-size: 3.4rem;padding-top: 2.0rem;}.cracks h2 {font-size: 3.4rem;padding-top: 2.0rem;}.repaired {font-size: 2rem;}.price {font-size: 5.4rem;}.asterix {font-size: 1.5rem;}.tyre-removal {font-size: 1rem;margin: 0;}.head-to-gallery-p {font-size: 1.6rem;}.footer-row {width: 94%;margin: auto;}/*Testimonials Stuff*/#carousel-testimonial .blockquote {font-size: 1.3rem;}#carousel-testimonial .blockquote-footer{font-size: 1.3rem;}#carousel-testimonial {min-height: 350px;}.footer-inner {max-width: 100%;padding: 2rem 1.5rem 1rem 2rem;}.page-footer .footer-email {    font-size: 0.8rem;}.gallery-block.grid-gallery {    max-width: 92%;    margin: auto;    margin-top: 3rem;    margin-bottom: 5rem;}.contact-details .contact-para{font-size: 1.1em;margin-top: 1.2rem;}}/* - - - - - - - - - - - - - - - END MINIMUM 992px - - - - - - - - - - - - - - - - - - - *//* Extra large devices (large desktops, 1200px and up) */@media (min-width: 1200px) {.navbar-brand {font-size: 2rem;}/*Hero Area Stuff*/.hero-area {background-image: url(../northampton-welding-images/alloy-wheel-repair-2000.jpg);background-size: cover;background-position: center;padding-top: 420px;padding-bottom: 170px;}.navbar-expand-lg .navbar-nav .nav-link {    padding-right: 1.2rem;    padding-left: 1.2rem;	font-size: 1.2rem;}.homepage {font-size: 1.2rem;}.cracks {padding: 20px;}.dents {padding: 20px;}.dents h2 {font-size: 5.5rem;padding-top: 3.5rem;}.cracks h2 {font-size: 5.5rem;padding-top: 3.5rem;}.repaired {font-size: 2.2rem;}.price {font-size: 7.5rem;}.asterix {font-size: 2rem;}.tyre-removal {font-size: 1.1rem;}.hero-area h1 {font-size: 4.5rem;padding: 0 10px;font-weight: normal;}.h1-on-page {font-size: 6rem;padding: 0 10px;font-weight: normal;}h2.best-repair {font-size: 1.5rem;padding: 0;font-weight: normal;display: block;}.head-to-gallery-p {font-size: 1.8rem;}.footer-inner {max-width: 90%;padding-top: 1.5rem;}/*Testimonials Stuff*/#carousel-testimonial .blockquote {font-size: 1.4rem;}#carousel-testimonial .blockquote-footer{font-size: 1.4rem;}#carousel-testimonial {min-height: 300px;}.gallery-block.grid-gallery{    max-width: 90%;    margin: auto;    margin-top: 3.3rem;    margin-bottom: 5rem;}}/* - - - - - - - - - - - - - - - END MINIMUM 1200px- - - - - - - - - - - - - - - - - - - */@media (min-width: 1400px) {.navbar-area .navbar-brand {font-size: 2.8rem;}/*Hero Area Stuff*/.hero-area {background-image: url(../northampton-welding-images/alloy-wheel-repair-2000.jpg);background-size: cover;background-position: center;padding-top: 500px;padding-bottom: 190px;}.cracks {padding: 20px;}.dents {padding: 20px;}.dents h2 {font-size: 5.5rem;padding-top: 3rem;}.cracks h2 {font-size: 5.5rem;padding-top: 3rem;}.repaired {font-size: 2.2rem;}.price {font-size: 10.5rem;}.asterix {font-size: 2rem;}.tyre-removal {font-size: 1.3rem;padding: 0 4.6rem;margin-bottom: 5rem;}.h1-on-page {font-size: 6.5rem;padding: 0 10px;font-weight: normal;}h2.best-repair {font-size: 1.5rem;padding: 0;font-weight: normal;}.head-to-gallery-p {font-size: 2rem;}.index-page-body  .top-row-wording{padding: 2.7rem 2.6rem 1.2rem;background-color: white;}.main-nav {width: 88%;margin: auto;}.gallery-block.grid-gallery {    max-width: 84%;    margin: auto;    margin-top: 3rem;    margin-bottom: 5rem;}.homepage {font-size: 1.2rem;}.page-footer .footer-email {    font-size: 1rem;}}/* - - - - - - - - - - - - - - - END MINIMUM 1400px- - - - - - - - - - - - - - - - - - - *//*::::::::::::::::::::::::::::::::::::::::::::::::::::Custom media queries*//* Set width to make card deck cards 100% width */@media (max-width: 950px) {}