body{font-family:'Barlow Condensed', sans-serif;font-weight:300;font-style:normal;color:#272D46;}

html {font-size:62.5%;}

html, body {
    height:100%;
    margin:0;
    padding:0;
}

*{
    min-height: 0;
    min-width: 0;
    }

a {
    color: #272D46;
    text-decoration: underline;
}
    a:hover {
        color: #272D46;
        text-decoration: none;
    }

.btn {
    padding: 6px 15px;
    font-family: 'goldenbook', sans-serif;
    text-transform: uppercase;
    letter-spacing: .2rem;
    font-size: 1.9rem;
    text-decoration: none;
}

.btn:hover {
    text-decoration: none;
}

    .btn.gold {
        background-color: rgba(180, 166, 108, 1);
        color: #FFFFFF;
    }

    .btn.gold:hover {
        background-color: rgba(180, 166, 108, .6);
        color: #FFFFFF;
    }

    .btn.navy {
        background-color: rgba(39, 45, 70, 1);
        color: #FFFFFF;
    }

    .btn.navy:hover {
        background-color: rgba(39, 45, 70, .6);
        color: #FFFFFF;
    }

.container {
    max-width: 100%;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

h2 {
    font-family: 'goldenbook', sans-serif;
    font-size: 2.8rem;
    line-height: normal;
    padding: 0 0 20px;
    margin: 0;
    font-weight: 400;
    color: #272D46;
    text-transform: uppercase;
}

h3 {
    font-family: 'goldenbook', sans-serif;
    font-size: 2.4rem;
    line-height: normal;
    padding: 0 0 20px;
    margin: 0;
    font-weight: 400;
    color: #B4A66C;
    text-transform: uppercase;
}

h4 {
    font-family: 'goldenbook', sans-serif;
    font-size: 2.4rem;
    line-height: normal;
    padding: 0 0 20px;
    margin: 0;
    font-weight: 400;
    color: #272D46;
    text-transform: none;
}

.beige-lightgreen {
    background: linear-gradient(#fff,#fff) center/250px 100% no-repeat, linear-gradient(to right, #D2CDBA 50%, #E6E8D7 0);
}

.taupe-gold {
    background: linear-gradient(#fff,#fff) center/250px 100% no-repeat, linear-gradient(to right, #B9AF89 50%, #B4A66C 0);
}

/****************
	Header
****************/

header {
    padding: 22px 0;
}

.bid-mobile {
    display: block;
    width: 100%;
    border-radius: 0;
}

    @media (min-width: 992px) {
        .bid-mobile {
            display: none;
        }
    }

/*****************************
    Nav
******************************/

    nav.navbar {
        padding: 0;
    }

    nav.navbar .navbar-brand {
        text-align: center;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    
    nav.navbar button {
        margin: 10px auto 0;
        width: 100%;
    }

        @media (min-width: 345px) {
            nav.navbar button {
                margin: inherit;
                width: auto;
            }
            nav.navbar .navbar-brand {
                text-align: left;
                width: auto;
            }
        }

    nav .navbar-toggler {
        font-weight: 400;
        font-size: 2.2rem;
    }

    nav .navbar-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    @media (min-width: 992px) {
        .navbar-expand-lg .navbar-nav .nav-link {
            padding-right: 0;
            padding-left: 0;
        }
    }

    nav .navbar-nav {
        margin: 0;
        padding-top: 22px;
    }

    @media (min-width: 992px) {
        nav .navbar-nav {
            padding-top: 0;
        }
    }

    nav .navbar-nav li {
        font-weight: 400;
        font-size: 2rem;
        padding: 0 9px;
        text-transform: uppercase;
    }

        nav .navbar-nav li.online-bid-btn {
            display: none;
        }

        @media(min-width: 992px) {
            nav .navbar-nav li.online-bid-btn {
                background: #000000;
                margin-left: 10px;
                display: inherit;
            }
        }

        nav .navbar-nav li a {
            color: #21314D;
            text-decoration: none;
            line-height: normal;
            padding: 8px 0;
        }

        nav .navbar-nav li.online-bid-btn a {
            color: #ffffff;
            padding: 8px 10px;
            font-family: 'goldenbook', sans-serif;
        }

        nav .navbar-nav li.active a, nav .navbar-nav li a:hover, nav .navbar-nav li a:active {
            color: #B4A76C;
            border: none;
            background: none;
        }

    nav .dropdown-toggle::after {
        display: none;
    }
    
/****************
	Slider
****************/

.carousel-item .image {
	width: 100%;
    max-width: calc(50%);
    height: 100%;
    object-fit: cover;
    z-index: 1;
    position: absolute;
    left: 0;
  }

  .carousel-item .text-panel {
    width: 50%;
    max-width: 50%;
    background-color: rgba(39, 45, 70, 0.7);
    height: 100%;
    position: absolute;
    left: 50%; /* Start from the middle */
    z-index: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: white;
    padding: 35px; /* Adjust text padding */
  }

  .carousel-item .text-panel .content {
    text-align: left; /* Align text to the left */
    margin: 0; /* Remove default margin */
	max-width: 320px;
  }

  .carousel-item .text-panel .content .highlight {
	color: #FFFFFF;
	font-weight: 300;
	font-size: 2.4rem;
	line-height: 3rem;
	padding-bottom: 25px;
  }

  .carousel-item .text-panel .content .title {
	color: #FFFFFF;
	font-family: 'goldenbook', sans-serif;
	font-size: 3.8rem;
	line-height: 4.3rem;
	padding-bottom: 25px;
    letter-spacing: 0.2rem;
  }

  .carousel-item .text-panel .content p {
	color: #FFFFFF;
	font-weight: 300;
	font-size: 2rem;
	line-height: 2.5rem;
	margin: 0px;
    letter-spacing: 0.2rem;
  }

  .carousel-item .text-panel .content .links {
	padding-top: 25px;
  }

  .carousel-item .text-panel .content .links a {
	display: inline-block;
	border: 1px solid #FFFFFF;
	padding: 7px 10px 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 300;
    font-size: 2rem;
	line-height: normal;
    letter-spacing: 0.2rem;
  }

  .carousel-item .text-panel .content .links a:hover {
	border: 1px solid #FFFFFF;
	background: #272D46;
	color: #FFFFFF;
	text-decoration: none;
  }

  .carousel-item .text-panel .content .links a:first-child {
	margin-right: 15px;
  }

  .carousel-item .text-panel .content .carousel-indicators li {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	opacity: .2;
   }

   .carousel-item .text-panel .content .carousel-indicators {
    position: relative;
    right: inherit;
    bottom: inherit;
    left: inherit;
    justify-content: left;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    padding-top: 15px;
	margin-bottom: 0;
   }

   .carousel-item .text-panel .content .carousel-indicators .active {
    opacity: .6;
	}

  @media only screen and (max-width: 768px) {
    .carousel-item .image, .carousel-item .text-panel {
      width: 100%;
      max-width: 100%;
	  position: relative;
    }

    .carousel-item .text-panel {
      position: relative;
      left: auto;
      transform: none;
      width: 100%;
    }

	.carousel-item .text-panel .content {
		max-width: 100%;
	}
  }

  @media (min-width: 976px) {
	.carousel-item .text-panel {
    	transform: translateX(85px); /* Start 185px from the middle */
	}
	.carousel-item .image {
		max-width: calc(50% + 85px);
	}
	.carousel-item .text-panel .content .title {
		font-size: 5.8rem;
		line-height: 6.3rem;
	}
  }

  @media (min-width: 1140px) {
	.carousel-item .text-panel {
    	transform: translateX(185px); /* Start 185px from the middle */
	}
	.carousel-item .image {
		max-width: calc(50% + 185px);
	}
  }

/***********************
    Home
***********************/

.focus-buttons {
    background: linear-gradient(#fff,#fff) center/250px 100% no-repeat, linear-gradient(to right, #D2CDBA 50%, #B4A66C 0);
}

    .focus-buttons .beige {
        background-color: rgba(210, 205,186, 1);
    } 

    .focus-buttons .beige:hover, .focus-buttons .taupe:hover, .focus-buttons .gold:hover {
        text-decoration: none;
    }

    .focus-buttons .taupe {
        background-color: rgba(185, 175, 137, 1);
    } 

    .focus-buttons .gold {
        background-color: rgba(180, 166, 108, 1);
    } 

    .focus-buttons a {
        display: block;
        font-size: 2rem;
        color: #272D46;
        text-decoration: none;
        text-transform: uppercase;
        padding: 25px 15px; 
        font-weight: 300;
        text-align: center;
        letter-spacing: 0.2rem;
    }

.auction-dates-highlight {
    background: linear-gradient(#fff,#fff) center/250px 100% no-repeat, linear-gradient(to right, #272D46 50%, #BAC696 0);
}

    .upcoming-auction-dates {
        background-color: #B4A66C;
    }

    .auction-dates-highlight .navy, .auction-dates-highlight .green, .upcoming-auction-dates .gold {
        text-transform: uppercase;
        text-align: center;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .auction-dates-highlight .navy {
        background-color: #272D46;
        text-align: center;
    } 

    .upcoming-auction-dates .gold {
        font-size: 1.8rem;
        color: #FFFFFF;
        text-align: center;
    } 

    .auction-dates-highlight .navy .name {
        font-family: 'goldenbook', sans-serif;
        color: #FFFFFF;
        font-size: 1.5rem;
    }

    .upcoming-auction-dates .gold .name {
        font-family: 'goldenbook', sans-serif;
        color: #FFFFFF;
        padding-left: 8px;
        font-size: 1.8rem;
        font-weight: 400;
    }

    .auction-dates-highlight .navy .date {
        font-weight: 300;
        color: #B4A66C;
        font-size: 1.6rem;
        padding-left: 8px;
        text-transform: none;
    }

    .upcoming-auction-dates .gold .date {
        font-size: 1.8rem;
        font-weight: 300;
        color: #272D46;
        padding-left: 8px;
        text-transform: none;
    }

    .auction-dates-highlight .green {
        background-color: #BAC696;
        text-align: center;
    } 

    .auction-dates-highlight .green .name {
        font-family: 'goldenbook', sans-serif;
        color: #272D46;
        font-size: 1.5rem;
    }

    .auction-dates-highlight .green .date {
        font-weight: 300;
        color: #FFFFFF;
        font-size: 1.6rem;
        padding-left: 8px;
        text-transform: none;
    }

.benefits {
    padding: 40px 0;
}

@media (min-width: 768px) {
    .benefits {
        padding: 80px 0;
    }
}

    .benefits .left {
        padding-left: 15px;
        font-family: 'goldenbook', sans-serif;
        font-size: 2.4rem;
        line-height: 2.9rem;
        padding-bottom: 25px;
    }

    .benefits .left .btn {
        margin-top: 25px;
    }

    @media (min-width: 768px) {
        .benefits .left {
            padding-left: 100px;
            padding-bottom: 0;
        }
    }

    .benefits .right {
        font-size: 1.8rem;
        line-height: 2.3rem;
    }

    .benefits .right ul {
        margin: 0 0 0 15px;
        padding: 0;
    }

        .benefits .right ul li {
            padding-bottom: 20px;
        }

        .benefits .right ul li:last-child {
            padding-bottom: 0;
        }

.case-studies {
    padding: 45px 0;
    background-color: #B4A66C;
}

    .case-studies h2, .case-studies p {
        text-align: center;
    }

    .case-studies p {
        padding: 0 0 45px;
        margin: 0;
        font-size: 1.8rem;
        line-height: 2.3rem;
        color: #FFFFFF;
        font-weight: 300;
    }

    .case-studies .study {
        position: relative;
        padding: 0;
    }

        .case-studies .study img {
            width: 100%;
        }

        .case-studies .study .title {
            position: absolute;
            bottom: 30px;
            text-align: center;
            left: 0;
            right: 0;
            font-weight: 300;
            color: #FFFFFF;
            background-color: #272D46;
            margin-left: auto;
            margin-right: auto;
            width: 80%;
            font-size: 2rem;
            text-transform: uppercase;
            letter-spacing: .2rem;
            padding: 6px 24px;
        }

.how-we-work {
    padding: 45px 0;
}
        
    .how-we-work h2, .how-we-work p, .how-we-work .book {
        text-align: center;
    }

    .how-we-work h2 {
        color: #B4A66C;
    }
        
    .how-we-work p {
        padding: 0 0 15px;
        margin: 0;
        font-size: 1.8rem;
        line-height: 2.3rem;
        font-weight: 300;
    }

    .how-we-work .step {
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .how-we-work .step .num {
        font-family: 'goldenbook', sans-serif;
        font-weight: 700;
        font-size: 1.9rem;
        line-height: 2.3rem;
        text-transform: uppercase;
        color: #B4A66C;
        letter-spacing: .2rem;
    }

    .how-we-work .step img {
        padding: 10px 0;
    }

    .how-we-work .step .title {
        font-weight: 300;
        font-size: 1.8rem;
        line-height: 2.3rem;
        text-transform: uppercase;
    }

    .how-we-work .step .description {
        font-weight: 300;
        font-size: 1.8rem;
        line-height: 2.3rem;
    }

    .how-we-work .book {
        padding-top: 10px;
    }

/***********************
    Footer
***********************/

.latest-news {
    padding: 45px 0 0;
    background-color: #272D46;
}

    .latest-news h2, .latest-news p {
        text-align: center;
    }

    .latest-news h2 {
        color: #B4A66C;
    }

    .latest-news p {
        padding: 0 0 45px;
        margin: 0;
        font-size: 1.8rem;
        line-height: 2.3rem;
        color: #FFFFFF;
        font-weight: 300;
    }

    .latest-news a {
        display: block;
        float: none;
        position: relative;
        margin: 0;
        width: 100%;
        text-decoration: none;
    }

        @media(min-width: 768px) {
            .latest-news a {
                float: left;
                display: inherit;
                width: 33.33333%;
            }
        }

        .latest-news a img {
            width: 100%;
        }

        .latest-news a .title {
            width: 100%;
            text-align: center;
            color: #FFFFFF;
            text-decoration: none;
            padding: 10px 25px;
            font-size: 1.8rem;
            line-height: 2.6rem;
        }

        .latest-news a:visited .title, .latest-news a:visited .title {
            text-decoration: none;
        }

        .latest-news a:nth-child(1) .title {
            background-color: #5b6284;
        }

        .latest-news a:nth-child(2) .title {
            background-color: #313f61;
        }

        .latest-news a:nth-child(3) .title {
            background-color: #272D46;
        }

.catalogue-subscribe {
    background-color: #B4A66C;
    padding: 45px 0;
}

    .catalogue-subscribe .text {
       text-align: center;
       color: #272D46;
       text-transform: uppercase;
       letter-spacing: .2rem;
       font-size: 3rem;
       line-height: 4rem;
       padding-bottom: 25px;
    }

    .catalogue-subscribe .button {
        text-align: center;
    }

    @media (min-width: 768px) {
        .catalogue-subscribe .text {
            text-align: right;
            padding-bottom: 0;
            padding-right: 40px;
         }
     
         .catalogue-subscribe .button {
             text-align: left;
             padding-left: 40px;
         }
    }

.review {
    background-color: #BAC696;
    padding: 45px 0;
    color: #272D46 ;
}

    .review h2 {
        text-align: center;
        color: #272D46;
    }

footer {
    background-color: #272D46;
    padding: 45px 0;
}

    footer .logo, footer .nav {
        text-align: center;
    }
    
    footer .nav {
        padding-top: 25px;
        padding-left: 15px;
        padding-right: 15px;
    }

    footer .nav .menu-footer-container {
        width: 100%;
    }

    footer .nav ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

        footer .nav ul li {
            display: inline-block;
            font-size: 1.6rem;
            border-left: 1px solid #FFFFFF;
            padding-left: 12px;
            padding-right: 12px;
            line-height: normal;
        }

        footer .nav ul li:first-child {
            border-left: 0;
            padding-left: 0;
        }

        footer .nav ul li:last-child {
            padding-right: 0;
        }

            footer .nav ul li a {
                color: #ffffff;
                text-decoration: none;
                text-transform: uppercase;
            }

            footer .nav ul li a:hover {
                color: #B4A66C;
                text-decoration: none;
            }

    @media (min-width: 768px) {
        footer .logo {
            text-align: left;
        }
        footer .nav {
            text-align: right;
            padding-top: 0;
        }
    }

/***********************
    Main
***********************/

main {
    font-size: 1.8rem;
    line-height: 2.6rem;
}

    main p {
        margin-bottom: 20px;
    }

    main .banner {
        padding-top: 250px;
        padding-bottom: 32px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }

        main .banner .header {
            background: rgba(39, 45, 70, .7);
            padding: 25px;
        }

        main .banner .header .content {
            text-align: center;
            max-width: 940px;
            margin: 0 auto;
        }

            main .banner .header .content h1 {
                color: #FFFFFF;
                font-size: 3.6rem;
                line-height: 4.1rem;
                font-family: 'goldenbook', sans-serif;
                font-weight: 300;
            }

            @media(min-width: 768px) {
                main .banner .header .content h1 {
                    font-size: 5.6rem;
                    line-height: 6.1rem;
                }
            }

            main .banner .header .content p {
                font-size: 1.8rem;
                line-height: 2.3rem;
                letter-spacing: .2rem;
                color: #FFFFFF;
                padding-top: 25px;
                margin-bottom: 0;
            }

            main .banner .header .content .btn {
                margin-top: 25px;
            }

    main .padding {
        padding: 45px 15px;
    }

    main .padding-top {
        padding: 45px 15px 0 0;
    }


/***********************
    Contact
***********************/

    .contact .google-map {
        padding-bottom: 400px;
        position: relative;
   }
   
   .contact .google-map iframe {
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        position: absolute;
   }

   .contact .col-container {
    display: block;
    width: 100%;
    background: linear-gradient(#fff,#fff) center/250px 100% no-repeat, linear-gradient(to right, #D2CDBA 50%, #B4A66C 0);
  }

    .contact .col-container .col {
        flex: 1;
        padding: 45px 45px 25px;
        width: 100%;
    }

    .contact .col-container .col.col1 {
        background-color: #FFFFFF;
    }

    .contact .col-container .col.col2 {
        background-color: #D2CDBA;
    }

    .contact .col-container .col.col3 {
        background-color: #B9AF89;
    }

  @media(min-width: 992px) {
    .contact .col-container {
        display: flex;
    }
    .col {
        width: 33.3333333%;
      }
  }

  .social-links a {
    font-size: 4rem;
    padding-right: 6px;
  }


/***********************
    Article
***********************/

article {
    border-bottom: 1px solid #B4A66C;
    padding-bottom: 35px;
    margin: 0 0 35px !important;
}

article:last-child {
    padding-bottom: 0;
    margin: 0 !important;
    border-bottom: none;
}

    article header {
        padding: 0;
    }

    article h2 {
        padding: 0 0 10px;
    }

    article h2 a, article h2 a:visited, article h2 a:focus {
        text-transform: none;
        text-decoration: none;
        color: #272D46;
        font-size: 3.6rem;
    }

    article a:hover {
        color: #B4A66C;
    }

    article .posted-on {
        padding-bottom: 20px;
        display: block;
    }

        article .posted-on a:visited {
            color: #272D46;
        }
    
    article .post-thumbnail img {
        width: 100%;
    }

.nav-previous a {
    padding: 6px 15px;
    font-family: 'goldenbook', sans-serif;
    text-transform: uppercase;
    letter-spacing: .2rem;
    font-size: 1.9rem;
    text-decoration: none;
    background-color: rgba(180, 166, 108, 1);
    color: #FFFFFF;
    font-weight: 400;
}

.nav-previous a:hover {
    text-decoration: none;
    background-color: rgba(180, 166, 108, .6);
    color: #FFFFFF;
}

.nav-next a {
    padding: 6px 15px;
    font-family: 'goldenbook', sans-serif;
    text-transform: uppercase;
    letter-spacing: .2rem;
    font-size: 1.9rem;
    text-decoration: none;
    background-color: rgba(39, 45, 70, 1);
    color: #FFFFFF;
    font-weight: 400;
}

.nav-next a:hover {
    text-decoration: none;
    background-color: rgba(39, 45, 70, .6);
    color: #FFFFFF;
}

.more-news {
    padding-top: 35px;
}

@media(min-width: 768px) {
    .more-news {
        padding-top: 0;
    }
}

    .more-news a {
        display: block;
        position: relative;
        margin-bottom: 25px;
    }

        .more-news a img {
            width: 100%;
        }

        .more-news a .title {
            width: 100%;
            text-align: center;
            color: #FFFFFF;
            text-decoration: none;
            padding: 10px 25px;
        }

        .more-news a:nth-child(2) .title {
            background-color: #5b6284;
        }

        .more-news a:nth-child(3) .title {
            background-color: #313f61;
        }

        .more-news a:nth-child(4) .title {
            background-color: #272D46;
        }

/***********************
    404
***********************/

.not-found h1 {
    text-align: center;
    font-size: 160px;
    padding: 120px 0px 10px;
    line-height: normal;
    margin: 0;
    width: 100%;
}

.not-found p {
    padding-bottom: 80px;
    text-align: center;
}

/***********************
    Subscription Form
***********************/

.sib-form {
    padding: 0 0 45px !important;
    background-color: transparent !important;
    font-size: 1.8rem !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-weight: 400;
    font-style: normal;
    color: #272D46;
}

#sib-container {
    border-color: #B4A66C !important;
}

.sib-form .entry__error, .sib-form .entry__label, .sib-form .entry__specification, .sib-form .form__error {
    font-size: 1.8rem !important;
    font-family:'Barlow Condensed', sans-serif !important;
    font-weight:400 !important;
    font-style:normal !important;
    color:#272D46 !important;
}

.sib-form .input:not(textarea), .sib-form .input__button {
    height: calc(4.5rem - 2px) !important;
    font-weight:300 !important;
}

.sib-form .checkbox__label span {
    font-size: 1.8rem !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-weight: 300;
    font-style: normal;
    color: #272D46;
}

.sib-form-block__button {
    padding: 6px 15px !important;
    font-family: 'goldenbook', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: .2rem !important;
    font-size: 1.9rem !important;
    text-decoration: none !important;
    background-color: rgba(39, 45, 70, 1) !important;
    color: #FFFFFF !important;
}

.sib-form .entry__error {
    line-height: 2.2rem !important;
}

/***********************
    Auction Dates
***********************/

.auction-dates {
    padding: 0 0 45px 0;
    display: grid;
    grid-template-columns: 1fr; /* 1 column on mobile */
    gap: 25px;
}

    .auction-date {
        padding: 20px; /* Left and right padding of 20px */
        box-sizing: border-box;
    }

    .auction-date.navy {
        border: 1px solid #272D46;
        border-left: 6px solid #272D46;
    }

        .auction-date.navy h3 {
            color: #272D46;
            padding: 0 0 12px;
        }

    .auction-date.gold {
        border: 1px solid #B4A66C;
        border-left: 6px solid #B4A66C;
    }

        .auction-date.gold h3 {
            color: #B4A66C;
            padding: 0 0 12px;
        }

        .auction-date .footer {
            padding-top: 20px;
        }

        .auction-date .date {
            display: table-cell;
            vertical-align: top;
            width: 60px;
            padding-right: 15px;
        }

            .auction-date.gold .date {
                color: #B4A66C;
            }

            .auction-date .date .num {
                font-size: 3.2rem;
                font-weight: 400;
                line-height: 4rem;
            }

        .auction-date .content {
            display: table-cell;
            vertical-align: top;
        }

     /* Remove top margin from the first row */
    .auction-date:first-child {
        margin-top: 0;
    }

    /* Remove bottom margin from the last row */
    .auction-date:last-child {
        margin-bottom: 0;
    }

@media screen and (min-width: 768px) {
    .auction-dates {
        grid-template-columns: repeat(2, 1fr); /* 2 columns by default */
    }
}

/***********************
    Valuations
***********************/

.valuations-how {
    max-width: 100%;
    float: none;
}

@media(min-width: 768px) {
    .valuations-how {
        max-width: 540px;
        float: right;
    }
}

/***********************
    Departments
***********************/

.departments {
    padding-bottom: 10px;
}

    .departments a {
        display: block;
        text-decoration: none;
    }

    .departments a img {
        width: 100%;
        max-width: 100%;
    }

    .departments a h3 {
        text-align: center;
        color: #272D46;
        font-family: 'Barlow Condensed', sans-serif;
        font-weight: 300;
        padding: 10px 10px 35px
    }

.department-content {
    padding-top: 45px;
    padding-bottom: 45px;
}

.department-valuation {
    background-color: #E6E8D7;
    padding: 45px;
}

.sold {
    border-top: 5px solid #B4A66C;
    color: #FFFFFF;
    padding: 45px 0 10px;
    background: #B4A66C;
    text-align: center;
}

    .sold h2 {
        color: #272D46;
    }

    .sold .item {
        padding-bottom: 35px;
    }

    .sold .item img {
        width: 100%;
    }

    .sold .item .price {
        width: 100%;
        text-align: center;
        color: #272D46;
        text-decoration: none;
        padding: 10px 25px;
        font-size: 2.2rem;
        line-height: 3rem;
        font-weight: 400;
    }

    .sold .item .price.s1 {
        background-color: #D2CDBA;
    }

    .sold .item .price.s2 {
        background-color: #E6E8D7;
    }

    .sold .item .price.s3 {
        background-color: #D2CDBA;
    }