@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600&display=swap');

html,body
{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body{
	font-family: 'Montserrat', sans-serif;
	color: #102323; 
	font-size: 16px;
	line-height: 1.5;
	background-color: white
}

.row{ 
	margin-right: 0;
    margin-left: 0;
	padding: 10px 30px; 
}

/*.row{ display: flex; justify-content: center; align-items: top;}
.col{padding: 10px 50px; flex:1; }*/
.nav{float: right}
.nav a{margin: 0 10px}

.news{
	text-align: center;
	background-color: #059888;
	color: white;
}

.site-header{position: fixed; top: 0; background-color: white; width: 100vw; z-index: 10 }

.bg-yellow{ background-color: #FEC80E; }
.bg-blue{background-color: #2D308F; color:white;}

#primary{
	margin-top: 76px
}

.site-title{
	font-weight: bold;
	font-size: 1.2rem;
}

a{
	color: black;
	text-decoration: none
}

p{margin:none;}

.button{
	padding: 10px 12px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
}

h1{
	font-size: 3rem
}

.hero{
	min-height: 500px;
	align-items: center;
	text-align: center;
	background-image: url(../assets/bg2.jpg);
	background-position: center;
	background-size: cover;
}

#about{
	background-image: url(../assets/y_bg.jpg);
	background-position: center;
	background-size: cover;
}

.intro-img{ display: flex; justify-content: center;}
.intro-img img{max-height: 65vh; width: auto}

.icon-group-v{ text-align: center }
.icon-group p{ text-align: left}

.post-thumbnail{pointer-events: none; cursor: default; text-decoration: none;}
.icon-group-v .post-thumbnail img{width: 100px; height: 100px}
.post-thumbnail+p{margin-top:0;}

.icon{ vertical-align: middle }

.header-inner{
	display: flex; 
	justify-content: space-between; 
	align-items: flex-end; 
}

.menu{
	display: flex;
	padding-left: 0;
	margin: 0;
	list-style: none;
}

.menu-item{
	margin: 0 15px;
	/*text-transform: lowercase;*/
}

footer{
	background-color: #2D308F;
	color: white;
	margin:none;
	width: 100%;
}

footer a{color:white;}

footer ul{
	list-style: none;
	display: inline;
	float: right;
}

contactcontainer{
    width:50%;
}

.flex-wrapper{
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  justify-content: space-between
}