@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Cormorant+Infant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');


.wrapper {
	overflow-x: hidden;
  }

html, body{
	overflow-x: hidden;
}

body{
	height: 100%;
	overflow-y: hidden; /* Hide vertical scrollbar */
}

.container-fluid{
	width: 100vw;
	margin: 0;
	padding: 0;
}


.logo{
	width: 140px;
	height: 70px;
	display: inline-block;	
	transform: scale(0.95);
}

.nav-item{
	font-family: 'lato', helvetica, sans-serif;
	font-size: .91rem;
	font-weight: 400;
	text-transform: uppercase;
	color: #020B35;
	line-height: 2.5rem;
	margin: auto;
	padding-left: 1.2rem;
	padding-right: 1.2rem;
}

.nav-link{
	color: #020B35;
	border-bottom: 2px solid #fff;
}


.nav-link:hover {
	color: #88774F;
}

.navbar-expand-xxl .navbar-nav .nav-link:hover {
	border-bottom: 2px solid #88774F;
}

.navbar-expand-xxl .navbar-nav .nav-link:active {
	border-bottom: 2px solid #88774F;
	color: #020B35;
}

.navbar-expand-xxl{
	padding-bottom: 0;
}

#navbarNavDropdown{
	margin-bottom: -10px;
}

.navbar-toggler:focus {
    /*Below line will remove the border from the icon
    I have used bootstrap icon here */
    /* This will only remove the shadow effect */
    /* Border is still there */
    /* if you don't want any border then set the property equals to zero */
    border: 0 !important;
    box-shadow: none !important;
  
    /* This will remove the rounded corner(radious-border)
    and give square border */
    /* border-radius: 0 !important; */    
}

.navbar-toggler {
    /* This will completely remove border from the icon */
    /* If you need border for the icon then comment this code */
     border: 0 !important;

    /* if you want to check the border please uncomment below code */
    /* border-color: yellow !important; */
}

.card-body{
	border: 0 !important;
	margin-left: -10px;
	margin-right: -10px;
}

.navbar-toggler-icon{	
	margin-right: 5px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3e%3cpath stroke='rgba%282, 11, 53 , 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

hr{
	margin: .5rem 0;
}

.headeropener{
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	margin-top: -2em;
	background-color: #F5F1E7;
}


.openertext{
	padding-left: 20px;
	padding-right: 1rem;
	color: #020B35;
	font-family: 'lato', helvetica, sans-serif;
	line-height: 1.75rem;
	margin-top: 10px;
	margin-bottom: 21px;
	font-size: 1rem;
}


<-- Landscapes -->

.variable-width {
	display: flex;	
	flex-direction: column;
	width: 100%;
	max-width: 500;

}


.variable-width img {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 500;

}




.variable-width .prev_arrow{
	position: absolute;
	bottom: 400px;
	left: -7%;
	color: #fff;
	width: 45px;
	height: 45px;
	background-color:#88774F;
	border-radius: 50%;
	text-align: center;
	line-height: 45px;
	display: inline-block;
	cursor: pointer;
	z-index: 1;
	transition: 0.2s ease-in-out;
	}

.variable-width .prev_arrow:hover{
	background-color: #020B35;
}

.variable-width .next_arrow{
	position: absolute;
	right: -8.5%;
	bottom: 400px;
	color: #fff;
	width: 45px;
	height: 45px;
	background-color:#88774F;
	border-radius: 50%;
	text-align: center;
	line-height: 45px;
	display: inline-block;
	cursor: pointer;
	z-index: 1;
	transition: 0.2s ease-in-out;
   }

.variable-width .next_arrow:hover{
	background-color: #020B35;
	
}

.image__details-2{
	background-color: #020B35;
	box-sizing: border-box;
	height: 6rem;
	padding-top: .8rem;
	padding-bottom: .8rem;
	padding-left: 1rem;
	padding-right: 1rem;
}



.autoplay{
	padding-top: 20px;
}

.genre__heading{
	display: flex;
	text-align: left;
	font-family: 'cormorant infant', 'times new roman', serif;
	font-weight: 500;
	font-size: 1rem;
	color: #fff;
}

<-- End Landscapes -->

.button{
	display: inline-flex;
	height: 3em;
	padding: 0;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
	font-family: 'lato', sans-serif;
	letter-spacing: .03rem;
	font-size: .9rem;
	background: #020B35;
	border: none;
	outline: none;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
	transition: 0.3s;
}

.button:hover{
	background: #88774F;
	
}

.button:active{
	background: #54482d;
}

.button__text {
	
	display: inline-flex;
	align-items: center;
	padding-left: 20px;
	color: #fff;
	height: 100%;

}

.button__icon {
	display: inline-flex;
	padding-left: 4px;
	padding-right: 20px;
	align-items: center;
	height: 100%;
}	


.button2{

	height: 3em;
	margin-left: 8px;
	margin-bottom: 30px;
	font-family: 'lato', sans-serif;
	letter-spacing: .03rem;
	font-size: .9rem;
	background: none;
	border: 2px solid #fff;
	outline: none;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
	transition: 0.3s;
}

.button2:hover {
	background-color: #88774F;	
	border: 2px solid #88774F;
}

.button2:active{
	background: #54482d;
}

.button2__text {
	display: inline-flex;
	align-items: center;
	padding-left: 16px;
	color: #fff;
	height: 100%;
}

.button2__icon {
	display: inline-flex;
	padding-left: 4px;
	padding-right: 16px;
	align-items: center;
	height: 100%;
}	

.button3{

	height: 3em;
	margin-bottom: 25px;
	font-family: 'lato', sans-serif;
	letter-spacing: .03rem;
	padding: 0 24px;
	font-size: .9rem;
	background: #cce0e5;
	border: 2px solid #cce0e5;
	outline: none;
	overflow: hidden;
	cursor: pointer;
	transition: 0.3s;
}

.button3:hover {
	background-color: #020B35;	
	font-weight: 500;
	border: 2px solid #020B35;
	color: white;
	.button3__text {
		color: #fff;
		font-weight: 500;
	}
}

.button3:active{
	background: #54482d;
}

.button3__text {
	display: inline-flex;
	align-items: center;
	font-family: 'lato', sans-serif;
	font-weight: 500;
	color: #020B35;
	height: 100%;
}

.btn{
	background-color: #020B35;
	border-color: #020B35;
	padding-left: 4rem;
	padding-right: 4rem;
	font-family: 'lato', 'helvetica neue', sans-serif;
}

.btn:hover{
	background-color: #88774F;
	border-color: #88774F;
}

.submit-button{
	padding-left: 20px;
	padding-right: 20px;
}

.d-grid gap-2 d-md-block{
	padding-left: 20px;
	padding-right: 20px;
}

.form-label{
	font-family: 'lato', 'helvetica neue', sans-serif;
	color: #020B35;
}

.mb-3{
	padding-left: 20px;
	padding-right: 20px;
}

.ContactTitle{
	padding-left: 20px;
	padding-right: 20px;
	margin-top: -3rem;
	margin-bottom: 2.2rem;
}


.artist__credit__box{
	box-sizing: border-box;
	background-color: #88774F;	
}



.artist__credit{
	font-family: 'cormorant infant', 'Times New Roman', serif;
	font-size: 1.1rem;
	text-align: right;
	font-style: italic;
	color: #fff;
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
	margin-top: 0px;
}


.explore__portraiture{
	padding-top: -2rem;
}
.portraiture__heading{
	margin-top: -2.8rem;
}

#landscapes_reducesemi_upper{
	margin-top: -2rem;
	padding-top: -2rem;
}

#stilllife_reducesemi_upper{
	padding-top: -2rem;
	margin-top: -1rem;
}

#figurative_reducesemi_upper{
	padding-top: -2rem;
	margin-top: -1rem;
}

#operawrapper_reducesemi_lower{
		margin-bottom: -.5rem;
	}

.parallel{
		margin-top: -2rem;
	}

.parallel2{
	margin-bottom: 1.35rem;
}

.interiorpage__heading{
	margin-top: -2.95rem;
}

.portraiture__opener{
	font-family:'cormorant infant', 'times new roman', serif;
	font-weight: 600;
	line-height: 3.4rem;
	color: #020B35;
	padding-top: 2rem;
	padding-bottom: 2rem;
	padding-right: 2.25rem;
	margin-bottom: -1rem;
}

.positioning__text{
	font-family: 'lato', 'helvetica neue', sans-serif;
	font-size: 1.2rem;
	line-height: 2.6rem;
	color: #020B35;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 20px;
	padding-right: 20px;
}

.about__text{
	font-family: 'lato', 'helvetica neue', sans-serif;
	font-size: 1.2rem;
	line-height: 1.9rem;
	color: #020B35;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 20px;
	padding-right: 20px;
}

.RMJ_quote{
	color: #88774F;
	font-family: 'cormorant infant', 'times new roman', serif;
	font-size: 2.15rem;
	font-weight: 500;
	line-height: 2.8rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.RMJ_credit{
	color: #88774F;
	font-family: 'lato', 'helvetica neue', sans-serif;
	padding-top: .5rem;
}




.quote__box{
	background-color: #020B35;
	padding: 2rem;
	box-sizing: border-box;
	border-radius: 3px;
	
}

.quote__text{
	font-family: 'cinzel';
	font-size: 1.5rem;
	color: #fff;
	justify-content: center;
	line-height: 3rem;
	text-align: center;	
}


.attribution{
	color: #fff;
	text-align: center;
	margin-bottom: 0;

}

.col-12.quote {
padding-top: 0;
}

#atopera{
	margin-top: 7rem;
}

.body__text2{
	margin-top: -3rem;
	padding-bottom: 4rem;
	padding-right: 2rem;
	padding-left: 2rem;
	line-height: 2rem;
	font: 'lato', 'helvetica', sans-serif;
	font-style: italic;
}

#section-2{
	margin-top: -1.84rem;
}

.portraiture__text__section__subhead{
	font-family:'cormorant infant', 'times new roman', serif;
	font-weight: 600;
	line-height: 3.4rem;
	color: #020B35;
	padding-top: 2rem;
	padding-bottom: 2rem;
	padding-right: 2.25rem;
	margin-bottom: -1rem;
}













.fa-angle-right::before{
	color: #fff;
}

.fa-sm{
	color: #5b6079;
}

.slider-1{
	position: relative;
	max-width: 550px;
	max-height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6rem;
	justify-content: center;
}

.slider-1 .prev_arrow{
	position: absolute;
	bottom: 400px;
	left: -10%;
	color: #fff;
	width: 45px;
	height: 45px;
	background-color:#88774F;
	border-radius: 50%;
	text-align: center;
	line-height: 45px;
	display: inline-block;
	cursor: pointer;
	z-index: 1;
	transition: 0.2s ease-in-out;
	}

.slider-1 .prev_arrow:hover{
	background-color: #020B35;
}

.slider-1 .next_arrow{
	position: absolute;
	right: -10%;
	bottom: 400px;
	color: #fff;
	width: 45px;
	height: 45px;
	background-color:#88774F;
	border-radius: 50%;
	text-align: center;
	line-height: 45px;
	display: inline-block;
	cursor: pointer;
	z-index: 1;
	transition: 0.2s ease-in-out;
   }

.slider-1 .next_arrow:hover{
	background-color: #020B35;
	
}

.slider-wrapper2{
	margin-top: 5.5rem;
}

.slick-slider{
    touch-action: auto!important;
}


.image__details{
	background-color: #88774F;
	box-sizing: border-box;
	height: 6rem;
	padding-top: .8rem;
	padding-bottom: .8rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.painting__name{
	display: flex;
	text-align: left;
	font-family: 'cormorant infant', sans-serif;
	color: #fff;
	font-weight: 500;
	font-style: italic;
	font-size: 1rem;
}

.artist__name{
	display: flex;
	text-align: left;
	font-family: 'cormorant infant', sans-serif;
	font-weight: 500;
	font-size: 1rem;
	color: #fff;
}







a{
	text-decoration: none;
}











.email{
	margin:0;
	padding-bottom: 10px;
	padding-top: 40px;
}
#email{
	margin-bottom: 10px;
}
.city_state{
	color:#a7d7e3;
	font-size: .9rem;
	margin-bottom: 30px;
	letter-spacing: .10rem;
	padding: 0;
}

.col-12{
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.hover{
	transition: 0.3s;
}

.hover:hover{
	font-size: 1rem;
}

.heading{
	background-color: #020B35;
	transition: 0.3s;
	margin-top: 1rem;
}

.sub-one{
	font-family: 'cormorant infant', 'times new roman', serif;
	font-size: 2rem;
	padding-left: 20px;
	padding-top: 30px; 
	margin-bottom: 0;
	color: #fff;
	transition: 0.3s; 
}

.sub-two{
	color: #cce0e5;
	font-family: 'lato', helvetica, sans-serif;
	font-size: .9rem;
	letter-spacing: .07rem;
	padding-left: 20px;
	padding-bottom: 0;
	transition: .5s; 
}
.sub-three{
	color:#88774F;
	font-family: 'lato', helvetica, sans-serif;
	font-size: 1rem;
	padding-left: 92%;
}

.fa-solid {
	padding-left: 5px;
}

.footer__text1{
	color: #5b6079;
	font-family: 'lato', Helvetica, Arial, sans-serif;
	padding-top: 0;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.footer__icon1{
	float: right;
}

.footer__main__heading{
	color: #fff;
	font-family: 'lato', Helvetica, Arial, sans-serif;
	padding-top: 50px;
	padding-left: 0;
	padding-right: 0;
	font-family: 'lato', Helvetica, Arial, sans-serif;
	font-size: 1rem;
	padding-top: 3rem;
	background-color: #182030;
}

ul{
	padding-left: 0;
}



.footer-link{
	float: left;
	font-family: 'lato', Helvetica, Arial, sans-serif;
	font-size: .8rem;
	text-decoration: none;
	text-transform: uppercase;
	color: #c7c9d4;
	margin-left: 0;
}

#footer__container{
	width: 100%;
}

#footer{
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 32px;

}

.footer__li{
	padding-top: .10rem;
	padding-bottom: .10rem;
}

.copyright__footer{
	font-family: 'lato', helvetica, sans-serif;
	font-size: .85rem;
	color: #a0a4ad;
	text-align: center;
	padding-bottom: .5rem;
}




h1{
	display: relative;
	color:#020B35;
	padding-top: 20px;
	padding-bottom: 1px;
	font-family: 'Cormorant Infant', serif;
	font-size: 2rem;
	font-weight: 600;
	padding-left: 20px;
}

h2{
	font-family: 'Cormorant Infant', serif;
	font-size: 2rem; 
	font-weight: 400;
	padding-top: 40px;
	padding-left: 20px;
	text-transform: uppercase;
	background-color:#020B35;
	color: #fff;
}

h3{
	font-family: 'lato', 'helvetica neue', sans-serif;
	font-size: 3rem;
	padding-right: 3rem;
	line-height: 3rem;
}

h4{
	font-family: 'lato', 'helvetica neue', sans-serif;
	color: #020B35;
	font-weight: 600;
	letter-spacing: .035rem;
	padding-top: 3.5rem;
	text-transform: uppercase;
}

.landscape__heading{
	padding-top: -6.5rem;
}


h4:after{
	width: 82px;
	content:"";
	border: none !important;
	height: 5px;
	background-color: #88774F;
	display: block;
	padding: 0;
	margin-top: 8px;
	margin-bottom: 0;
}
.specialheading{
	font-family: 'lato', 'helvetica neue', sans-serif;
	color: #020B35;
	font-weight: 600;
	letter-spacing: .035rem;
	padding-top: 2.5rem;
}
#rmj{
	text-transform:capitalize;
}

h6{
	color: #35579F;
	letter-spacing: 0.1rem;
	font-size: .8rem;
}

.category{
	text-decoration: none;
}

.full-width {
	position: relative;
	margin-left: calc((50vw - 50%) * -1);
	margin-right: calc((50vw - 50%) * -1);
  }
  
  .full-width img {
	width: 100%;
  }
  
  .shaded {
	background: #F5F1E7;
	margin-top: 3rem;
  }

  .shaded2 {
	background: #F5F1E7;
	margin-top: 0rem;
	margin-bottom: 1rem;
	
  }

  .white {
	background: #fff;
	margin-top: 2rem;
  }

  .white2 {
	background: #fff;
	margin-bottom: 2rem;
  }

  .cream {
	background: #F5F1E7;
	margin-top: 3rem;
  }

  .zero {
	background: #fff;
	margin-top: 0rem;
  }
  

  .navy{
	background: #020B35;
	padding-top: 2rem;
	padding-bottom: 2rem;
  }

  .dark-navy{
	background: #182030;
	margin-top: -16px; 
  }

.col-lg-6{
	margin-top: -1rem; /* Removes a little space from top margin of Lord Inchquin */
}

#space1{
	padding-top: .5rem;
}


#space2{
	padding-bottom: 2rem;
}

#spacetop{
	padding-top: 1.5rem;
}

#space4{
	padding-top: 4rem;
}

.bioimage{
	margin-top: 1rem;
}



.bio_text_subhead{
	color: #020B35;
	font-family: 'lato', helvetica, sans-serif;
	font-size: .9rem;
	margin-top: .25rem;
}

.bio_text{
	color: #fff;
	font-family: 'cormorant infant', sans-serif;
	font-size: 1.8rem;
	font-weight: 400;
	margin-bottom: .5rem;
	padding-left: 0.5rem;
}

.bio_body{
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-bottom: .5rem;
	color: #fff;
	font-size: 1.1rem;
	font-family: 'lato', helvetica, sans-serif;
	line-height: 2rem;
	
}

.bio_calltoaction{
	font-family: 'lato', helvetica, sans-serif;
	color: #cce0e5;
	font-weight: 400;
	font-size: .9rem;
	padding-left: 20px;
	margin-bottom: 1.5rem;
}

#bio1{
	padding-top: 10px;
}
#bio2{
	padding-bottom: 20px;
}
.newsection{
	margin-top: 20px;
}

#myBtn {
	display: block;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 14px;
	border: none;
	outline: none;
	background-color: #020B35;
	color: white;
	cursor: pointer;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 4px;
	align-items: center;
	
  }
  
  #myBtn:hover {
	background-color: #88774F;
  }

 #addspace{
	padding-top: 1rem;
 }

 

 


@media (min-width: 1600px){
	#header{
		margin-top: -13rem;
		display: block;
		width: 60%;
		h1{
			font-size: 2.9rem;
			margin-top: 0;
			padding-top: 4rem;
			padding-left: 40px;
		}
		.openertext{
			font-size: 1.2rem;
			line-height: 2rem;
			padding-left: 40px;
			padding-bottom: 4rem;
		}
		
		.button{
			display: inline-flex;
			height: 3em;
			padding: 0;
			margin-left: 40px;
			margin-right: 40px;
			margin-bottom: 40px;
			font-family: 'lato', sans-serif;
			letter-spacing: .03rem;
			font-size: .9rem;
			background: #020B35;
			border: none;
			outline: none;
			overflow: hidden;
			cursor: pointer;
			color: #fff;
			transition: 0.3s;
		}
		
		.button:hover{
			background: #88774F;
			
		}
		
		.button:active{
			background: #54482d;
		}
		
		.button__text {
			
			display: inline-flex;
			align-items: center;
			padding-left: 20px;
			color: #fff;
			height: 100%;
		
		}
		
		.button__icon {
			display: inline-flex;
			padding-left: 4px;
			padding-right: 20px;
			align-items: center;
			height: 100%;
		}	
	}
	
	.container-fluid{
		.logo{
			width: 150px;
			height: 75px;
			display: inline-block;	
		}

	}

	#footer__container{
		display: flex;
		justify-content: center;
		.footer__main__heading{
			display: flex;
			justify-content: center;
		}
		.footer__li{
			display: flex;
			justify-content: center;
			letter-spacing: .03rem;
			font-weight: 400;
		}

		.footer-link:hover{
			color: #fff;
		}
	}

	.painting__name{
		font-size: 1.1rem;
	}

	.artist__name{
		font-size: 1.1rem;
	}

	.artist__credit{
		font-size: 1.2rem;
		padding-right: 5rem;
	}

	.portraiture__text__section__subhead{
		font-size: 3.5rem;
	}

	.body__text2{
		padding-right: 20rem;
		padding-left: 20rem;
	}


}

@media (min-width: 1200px){


	.container-fluid{
		max-width: 75%;
		margin: auto;

		.logo{
			width: 140px;
			height: 70px;
			display: inline-block;	
		}
	}

	.headeropener{
		margin-top: -10rem;
		
		
		h1{
			font-size: 2.2rem;
			padding-top: 2rem;
			padding-left: 2rem;
			padding-right: 2rem;
		}
		.openertext {
			
			font-size: 1.2rem;
			padding-left: 2rem;
			padding-right: 2rem;
			line-height: 2rem;
			padding-bottom: 2rem;
		}
	
	}


	h3{
		line-height: 2.6rem;
		padding-left: 1.25rem;
	}

	.body__text{
		padding-left: 1.25rem;
	}

	.breadcrumb{
		padding-left: 1.25rem;
	}

	.heading:hover{
	background-color: #35579F;
	cursor: pointer;
		.sub-one{
			font-size: 2.5rem;
		}
		.sub-two{
			padding-left: 55px;
			font-size: 1rem;
		}
		
	}

	.bioimage{
		display: block;
		max-height: auto;
		max-width: 70%;
		margin-left: auto;
		margin-right: auto;
	}

	.bio_text_subhead{
		text-align: center;
		font-size: 1.3rem;
		margin-top: 1rem;
	}
	
	.col{
	transition: 0.4s;
	}

	.col:hover{
	transform: scale(1.05);
	}

	.button{
		font-size: 1rem;
		margin-left: 30px;
		margin-bottom: 40px;
	}

	.bio_text{
		padding-top: 20px;
	}
	
	.col-lg-6{
		padding-bottom: 30px;
	}

	#footer__container{
		display: flex;
		justify-content: center;
		.footer__main__heading{
			display: flex;
			justify-content: center;
		}
		.footer__li{
			display: flex;
			justify-content: center;
			letter-spacing: .03rem;
			font-weight: 400;
		}

		.footer-link:hover{
			color: #fff;
		}
	}

	.variable-width {
		position: relative;
		max-width: ;
		margin-left: 22%;
		margin-right: 22%;
		margin-bottom: 6rem;
		justify-content: center;
	}

	.portraiture__text__section__subhead{
		font-size: 3.3rem;
		padding-left: 20px;
	}

	.portraiture__heading{
		font-size: 2.8rem;
		padding-left: 20px;
		margin-top: .125rem;
	}

	#section-2{
		margin-top: -5rem;
	}

	

	
	
}

@media (min-width: 992px){

	.logo{
		margin-left: 20px;
		width: 140px;
		height: 70px;
		display: inline-block;
	}

	.navbar-toggler {
		margin-right: 1.5rem;
	}
	.container-fluid{
		max-width: 85%;
		margin: auto;
	}

	h1{
		font-size: 3.2rem;
		padding-left: 2rem;
		padding-right: 2rem;
		padding-top: 2rem;
	}
	.openertext {
		font-size: 1.5rem;
		padding-left: 2rem;
		padding-right: 2rem;
		padding-bottom: 2rem;
	}


	h3{
		line-height: 2.6rem;
		font-size: 1.8rem;
	
		padding-left: 1.25rem;
	}

	.body__text{
		padding-left: 1.25rem;
	}

	.breadcrumb{
		padding-left: 1.25rem;
	}
	
	.row{
		margin-top: 1rem;
	}
	.bio_text_subhead{
		font-size: 1.1rem;
		margin-top: .5rem;
	}
	#bio2{
		padding-top: 10px;
	}

	#footer__container{
		display: flex;
		justify-content: center;
		.footer__main__heading{
			display: flex;
			justify-content: center;
		}
		.footer__li{
			display: flex;
			justify-content: center;
			letter-spacing: .03rem;
			font-weight: 400;
		}

		.footer-link:hover{
			color: #fff;
		}
	}

	.nav-item{
		padding-top: 1rem;
	}

	.navbar-nav{
		margin-bottom: 1.2rem;
	}
	
}


@media (min-width: 768px){
	
	.logo{
		margin-left: 20px;
		width: 120px;
		height: 60px;
		display: inline-block;
	}

	.navbar-toggler {
		margin-right: 1rem;
	}
	h1{
		font-size: 2.7rem;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 2rem;
	}
	.openertext {
		font-size: 1.1rem;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 2rem;
	}
	
	h4{
		font-size: 2.2rem;
		padding-left: 20px;
	}

	h3{
		line-height: 2.3rem;
		font-size: 1.5rem;
	
		padding-left: 1.25rem;
	}

	.body__text{
		padding-left: 1.25rem;
	}

	.breadcrumb{
		padding-left: 1.25rem;
	}

	.nav-item{
		padding-top: 1rem;
	}

	#footer__container{
		display: flex;
		justify-content: center;
		.footer__main__heading{
			display: flex;
			justify-content: center;
		}
		.footer__li{
			display: flex;
			justify-content: center;
			letter-spacing: .03rem;
			font-weight: 400;
		}
		
	}

	.nav-item{
		padding-top: 1rem;
	}

	.navbar-nav{
		margin-bottom: 1.2rem;
	}

	.artist__credit{
		margin-right: 5.25rem;
	}

	.footer__icon1{
		visibility: hidden;
	}

	.portraiture__heading{
		font-size: 2.8rem;
		padding-left: 20px;
	}

	.portraiture__opener{
		padding-left: 20px;
		font-size: 2.6rem;
		line-height: 3rem;
	}

	.portraiture__text__section__subhead{
		font-size: 2.8rem;
		padding-left: 20px;
	}

	.positioning__text, {
		padding-left: 20px;
		padding-right: 20px
	}

	.about__text, {
		padding-left: 20px;
		padding-right: 20px
	}


	.RMJ_quote{
		padding-left: 20px;
		padding-right: 20px;
		
	}

	.RMJ_credit{
		padding-left: 20px;
		padding-right: 20px;
	}

	.image__details-2{
		height: 5rem;
	}
	
	.genre__heading{
		font-size: 1.7rem;
	}

	.slider-wrapper-2{
		padding: 2.5px;
		padding-left: 20px;
	}



	.variable-width .prev_arrow{
		left: 40%;
		bottom: -65px;
	}

	.variable-width .next_arrow{
		right: 40%;
		bottom: -65px;
	}

	

}


@media (max-width: 768px) {
	h4{
		font-size: 1.3rem;
	}

	h3{
		line-height: 2.2rem;
		font-size: 1.5rem;
		
		padding-left: 1.25rem;
		padding-top: 1.25rem;
	}

	.quote__box{
		border-radius: 0;
	}

	.portraiture__heading{
		font-size: 2.8rem;
		padding-left: 20px;
	}

	.portraiture__opener{
		padding-left: 20px;
		font-size: 2.2rem;
		line-height: 3rem;
	}

	.portraiture__text__section__subhead{
		font-size: 2.4rem;
		padding-left: 20px;
	}

	.positioning__text{
		padding-left: 20px;
		padding-right: 20px
	}

	.about__text{
		padding-left: 20px;
		padding-right: 20px;
	}

	.RMJ_quote{
		padding-left: 20px;
		padding-right: 20px;
	}

	.RMJ_credit{
		padding-left: 20px;
		padding-right: 20px;
	}

	#mobile-invisible{
		visibility:hidden;
	}


	#section-2{
		margin-top: -48rem;
	}

	.image__details-2{
		height: 3.2rem;
	}



	.variable-width .prev_arrow{
		left: 40%;
		bottom: -65px;
	}

	.variable-width .next_arrow{
		right: 40%;
		bottom: -65px;
	}

	
	
}



@media (max-width: 576px) {

	hr{
		display: none;
	}

	h1{
		font-size: 1.8rem;
		padding-left: 20px;
		padding-right: 20px;
	}

	.openertext {
		padding-bottom: 1.5rem;
	}

	.logo{
		margin-left: 20px;
		width: 100px;
		height: 45px;
		display: inline-block;
	}

	h4{
		font-size: 1.6rem;
	}

	.galleries__subhead{
		padding-left: px;
		padding-right: 5px;
	}

	h3{
		line-height: 1.8rem;
		font-size: 1.2rem;
		padding-left: 1.25rem;
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
	}

	.sub-one{
		margin-top: 30px;
	}

	.body__text{
		padding-left: 1.25rem;
		padding-right: 48px;
		line-height: 2rem;
	}

	.artist__credit{
		padding-right: 1.25rem;
		margin-top: -1px;
	}

	.col{
		--bs-gutter-x: 0.75rem;	
	}
	.col-a{
		padding-left: 6px;
	}
	.col-b{
		padding-right: 6px;
	}

	.#footer{
		padding-left: 5rem;
		padding-right: 5rem;
		padding-bottom: 32px;
	}

	.footer__li{
		padding-top: .5rem;
		padding-bottom: .5rem;
		border-bottom: 1px solid #5b6079;
		line-height: 2.5rem;
	}

	#footer{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	.nav-item{
		padding-top: 1rem;
	}

	.navbar-nav{
		margin-bottom: 1.2rem;
	}

	.quote__box{
		border-radius: 0;
	}

	.portraiture__heading{
		padding-left: 14px;
		font-size: 2.2rem;
	}

	.portraiture__opener{
		padding-left: 20px;
		font-size: 2.2rem;
		line-height: 3rem;
	}
	

	.positioning__text{
		padding-left: 20px;
		padding-right: 20px
	}

	.RMJ_quote{
		padding-left: 20px;
		padding-right: 20px;
		font-size: 1.7rem;
		text-align: center;
		background-color: #020B35;
		color: #fff;
		margin-top: 20px;
	}

	.RMJ_credit{
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
		background-color: #020B35;
		color: #fff;
		padding-bottom: 25px;
	}

	#mobile-invisible{
		visibility:hidden;
	}

	#section-2{
		margin-top: -48rem;
	}

	#section-3{
		margin-top:3rem;
	}

	.slider-1 .prev_arrow{
		left: 35%;
		bottom: -58px;

	}

	.slider-1 .next_arrow{
		right: 35%;
		bottom: -58px;
	}

	.variable-width {
		position: relative;
		max-width: ;
		margin-left: 0;
		margin-right: 0;
		justify-content: center;
	}

	.variable-width .prev_arrow{
		left: 35%;
		bottom: -58px;
	}

	.variable-width .next_arrow{
		right: 35%;
		bottom: -58px;
	}

	h4{
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 4rem;	
	}

	.landscape__heading2{
		padding-top: -10rem;
	}


	.image__details-2{
		height: 3rem;
	}

	.slider-wrapper-2{
		padding: 2.5px;
	}
	
	.portraiture__text__section__subhead{
		font-size: 2rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
		line-height: 2.3rem;
	}

	.portraiture__heading{
		font-size: 1.7rem;
		padding-left: 20px;
		padding-right: 20px;
		padding-top:
	}

	.portraiture__opener{
		font-size: 1.9rem;
		line-height: 2.3rem;
		padding-bottom: 1.2rem;
		padding-top: 1.2rem;
	}

	.positioning__text{
		font-size: 1.05rem;
		line-height: 2rem;
		padding-bottom: 1rem;
		padding-top: 1rem;
	}

	.about__text{
		font-size: 1.05rem;
		line-height: 2rem;
		padding-bottom: 1rem;
		padding-top: 1rem;
		padding-left: 25px;
		padding-right: 25px;
	}

	.sub-three{
		color:#88774F;
		font-family: 'lato', helvetica, sans-serif;
		font-size: 1rem;
		padding-left: 88%;
	}

	.specialheading{
		padding-left: 25px;
		padding-right: 25px;
	}
	
	#space_sig{
		padding-bottom: 5rem;
	}
	
	#space_semisig{
		padding-bottom: 2rem;
	}

	#spacesemi_upper{
		padding-top: 2.5rem;
	}
	#spacereducesemi_upper{
		margin-top: -2rem;
	}
	#landscapes_reducesemi_upper{
		margin-top: -4rem;
	}

	#stilllife_reducesemi_upper{
		margin-top: -3rem;
	}
	#figurative_reducesemi_upper{
		margin-top: -3rem;
	}
	#operawrapper_reducesemi_lower{
		margin-bottom: -.6rem;
	}
	.parallel{
		margin-top: -2rem;
	}

	.submit-button{
	padding-left: 20px;
	padding-right: 20px;
}

#mobile-view{
	display: none;
}

.variable-width {
	max-width: 100%;
	max-height: auto;
}


.variable-width img {
	max-width: 100%;
	max-height: auto;
}

	
}