@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&family=Teko:wght@300;400;500;600;700&display=swap');

/* w3 indigo theme */
/*
font-family: 'Montserrat', sans-serif;
font-family: 'Teko', sans-serif;
*/


body{
	font-family: 'Montserrat', sans-serif;
	background-color:#f2f2f2;
    font-size:1.35em;

}
html{
}

h1, h2, h3, h4, h5, h6{
	font-family:'Teko', sans-serif; 
	line-height:1em;
}

h1,h2{
	font-family: 'Teko', sans-serif;
	font-size:3.5rem;
	line-height:.8rem;
}
h4, h4, h6{
	font-size:2.5rem;
	line-height:1rem;
}

h1.site-title{
	font-size:2.5rem;
	color:#f2f2f2;
	padding-bottom:32px;
	margin-bottom:0px!important;
}

h2:first-child{margin:0px!important; padding-top:16px !important;}
h2{
	text-align:center;
	font-size:2rem;
}
h2.chevron:before{
	content:url('../images/logo/chevron.png');
	clear:both;
}
h3{
	font-variant:small-caps;
	line-height:2rem;
	font-size:2.3rem;
	
}
blockquote{
	
}

p{font-size:1.35rem;}

.site ul li{font-size:1.1rem; margin-right:1em;}

ul.w3-ul li{
	width:50%;
}
ul.icons-list li{
	list-style-type:none;
}
.site{background-color:#f2f2f2;}
.w3-half{}
/*.w3-main{margin-right:auto; margin-left:auto; max-width:1200px;}*/
.site-logo-mobile{
	width:98%;
	max-width:100px !important;
}
.parallax-bg{
	background-image:url("../images/md-flag.jpg");
	background-attachment:fixed;
	background-position:top;
	background-repeat:no-repeat;
	background-size:contain;	
}
.flag{
	height:620px;
}

.site-logo{
	width:98%;
}

.sr-only{
	display:none;
}

.teko{
	font-family: 'Teko', sans-serif;
}

/*makeup for fixed top bar*/
.anchor {
	margin-top:84px !important;
	position:relative;
	display:block;
}

.bathroomSlides, .kitchenSlides{
	max-width:720px;
	width:100%;
}

h2.anchor:nth-child(1){
	margin-top:24px !important;
}

footer.site-footer{
    background:url("../images/footer-background.png");
	background-repeat:no-repeat;
	background-position:top;
	background-color:#ccc;
	background-size: contain;
	margin-bottom:48px;
}

footer .w3-half{
	margin-top:128px;
}

footer h3, footer h2, footer h4{
	font-size:1.3rem;
}

/* responsive */
/*@media only screen and (max-width:220px){
	.site-logo{
		width:98%;
		padding-top:16px;
	}
}*/


/* w3 core edit */
.w3-sidenav a, .w3-navblock a{
		padding:6px 4px 6px 14px;
	}

/* w3 masonry-style gallery https://www.w3schools.com/howto/howto_css_image_grid_responsive.asp */
.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
.parallax-bg{
	background-image:url("../images/md-flag.jpg");
	background-position:bottom;
	background-repeat: no-repeat;
	}
.flag{
	height:360px;
}	
}