@media (max-width:767px) { 
    .top-images { 
        display:none; 
    } 
}


.landing-page-header {
	width: 100%;
	
	background-color: #27295F;
	position:relative;
}

.landing-page-header img {
	width:100%;
}

.landing-page-header h1 {
	position: absolute;
	text-align:center;
	color: white;
	font-size: 3rem;
	width:100%;
	top: calc(50% - 2rem);
}

#most-recent-product-image-div {
	max-width: 400px;
	max-height:400px;
	min-width: 200px;
	flex: 1;
}

.new-product-image-div {
	min-width: 200px;
	min-height:200px;
	max-width: 300px;
	max-height: 300px;
}

.new-product-image-div img {
	max-width: 100%;
	max-height: 300px;
}

.new-product-text-div {
	max-width: 700px;
	
	font-size: 1.3rem;
	
}

#most-recent-product-text-div {
	max-width: 600px;
	min-width: 300px;
	font-size: 1.3rem;
	flex: 2;
}

#most-recent-product-text-div h2 {
	color: #27295F;
	font-size: 1.6rem;
	font-weight: bold;
	padding-bottom:10px;
}


.new-product-text-div h2 {
	color: #27295F;
	font-size: 1.2rem;
	font-weight: bold;
	padding-bottom:10px;
}
#most-recent-product-image-div img {
	max-width: 100%;
	max-height: 400px;
}

#most-recent-product-section {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	border-bottom: 1px solid grey;
	margin-bottom: 20px;
	margin-top: 20px;
	align-items: center;
	padding-bottom:20px;
}

.new-product-content {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	text-align: left;
	align-items: center;
}

.new-product {
	margin-bottom: 20px;
	text-align:right;
}


.new-product-image-div, .new-product-text-div {
	display: inline-block;
}

.new-product-button {
	width: 200px;
	height: 25px;
	background: #BE1E2D;
	color: white;
	text-align: center;
	font-size: 25px;
	padding: 5px;
	font-weight: bold;
	border-radius: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}


.button-container {
    display: flex;
    width: 50%;
    justify-content: flex-end;
    margin-left: auto;
  }

  .button-container a {
    display: flex;
    align-items: center;
    margin-left: 1rem;
    padding: 0.25rem 1rem;
    background-color: #BE1E2D;
    border: 2px solid #BE1E2D;
    border-radius: 0.25rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.2s ease-in-out;
  }

  .button-container a:hover {
    background-color: transparent;
    color: #BE1E2D;
    transition: all 0.2s ease-in-out;
  }

  .button-container a .icon-next {
    fill: currentColor;
    height: 0.8rem;
    width: 0.8rem;
    margin-left: 1rem;
  }