@charset "UTF-8";
body{
    background-color: #AEC9EA;
}
*{
	margin: 0px;
	padding:0px;
	box-sizing: border-box;
}
.navbar{
    display: flex;
    align-items: center;
    padding-top: 0px;
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 0px;
    background-color: #1D3B6A;
}
nav{
	flex:1;
	text-align: right;
}
.navbar ul{
	display: inline-block;
	list-style-type: none;
	
}
.navbar ul li{
	display: inline-block;
	margin:40px; 
	font-size: 50pt;
}
a{
    text-decoration: none;
    color: #FCFCFC;
}
.navbar a:hover{
    color: #6B9CD8;
    font-size: 47pt;
}
.head{
    padding-top: 42px;
    font-family: "Thuast Demo";
    font-size: 39px;
	display: flex;
	align-items: center;
}
.grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 22px;
    padding-right: 22px;
}
.grid a{
    padding-top: 108px;	
}
figure {
  display: flex;
  flex-flow: column;
  padding: 5px;
  max-width: 500px;
  margin: auto;
}

figcaption {
  font: italic large sans-serif;
  padding: 3px;
  text-align: center;
	width:400px
}
@media (max-width:1081px){
	.navbar ul li{
    font-size: 42px;
    padding-left: 0px;
    margin-left: 0px;
	}
	.navbar a:hover{
		font-size: 40px;
	}
}
@media(max-width:641px){
	.navbar ul li{
    margin-top: 16px;
	}
}