@charset "UTF-8";





*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

h1 h2 h3{
    font-weight:normal;
    
    
}

body{
   background-color:#a6c1c5;
    background-color:#98b1b5;
    
	/*color:lightslategrey;*/
	color:#fff;
    font-family: Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', 'serif';
    font-weight:100;
    font-size: 16px;
    line-height:1.7;
}

a:link{
	text-decoration: none;
    color:#fff;
}
a:visited{
	color:#fff;
}

a:hover{
    color:#807F7F;
    
}

a:active{
    color:#807F7F;
    
}



a.secondary:link{
	text-decoration: none;
    color:#cfe2e7;
}

a.secondary:hover{
    color:#fff;
    
}
a.secondary:visited{
	 color:#cfe2e7;
}

h1{
    font-weight: 200;
	font-size: 36px;
	letter-spacing: 2px;
}

h2{
	font-weight: 200;
	font-size: 18px;
	letter-spacing: 2px;
}



.container{
 display:flex;
	flex-wrap:wrap;
	justify-content: space-around;
	
}

.topNav{
	display:flex;
	justify-content: space-between;
    flex-wrap: wrap;
	align-items: baseline;
	width:80%;
	margin:0 auto;
}

.nameLeft{
    margin-top:20px;

}

.section_Headings{
    text-align: left;
    padding-left:30px;
    letter-spacing: 3px;
}


.nav1{
	font-size:18px;
	letter-spacing: 3px;
    display:flex;
    justify-content:center;
    align-items: baseline;
    
}

.navArrows{
    font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size:60px;
    padding:20px;
    color: #dfe9ea;
    
}

.navArrows:hover{
    color:#91a0a2;
}

.GalDescription{
    
    align-items: baseline;
    color: #dfe9ea;
        padding-top:40px;
    font-size:24px;

}



.nav2{
	font-size:18px;
	letter-spacing: 3px;
    align-items: baseline;
    
}

.nav2A{
	font-size:20px;
	letter-spacing: 3px;
    margin:0 auto;
    padding-bottom: 100px;
    
}

.bottomNavContainer{
    display:grid;
    grid-template-rows: 1fr 1fr;
    justify-items:center;
}

.greyTitle{
    color:#91a0a2;
        padding-top:120px;

}

/*---========red SOLD dot========---*/

.sold {
        width: 9px;
        height: 9px;
        border: 1px solid #aaa; /*To show the boundaries of the element*/
    }
    .sold::after {
        position: absolute;
        content: '';
        background-color:#FF0000;
        border-radius:50%;
        opacity:0.5;
        margin-left:20px;
        margin-top:7px;
        width: 9px;
        height: 9px;
        pointer-events: none;
    }