@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;
}
.row{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-around;}
.col-2{
    flex-basis: 50%;
    padding-left: 50px;
}
.col-2 img{
    margin-top: 120px;
}
.col-1{
    padding-left: 35px;
	
}
.col-1 h1{
    font-family: "Thuast Demo";
    font-size: 100px;
    margin-left: -11px;
}
.col-1 p{
    font-size: 30px;
    width: 769px;
    padding-top: 16px;
}
@media (max-width:1081px){
	.navbar ul li{
    font-size: 42px;
    padding-left: 0px;
    margin-left: 0px;
	}
	.navbar a:hover{
		font-size: 40px;
	}
	.col-1 h1{
    margin-top: 23px;		
	}
}
@media(max-width:641px){
	.navbar ul li{
    margin-top: 16px;
	}
	.row{
    margin-left: -47px;    		
	}
	.col-1 h1{
    font-size: 90px;
    margin-top: 47px;
	}
	.col-1 p{
    font-size: 32px;
    width: 537px;
	}
	.col-2 img{
    max-height: 475px;
    max-width: 610px;
    margin-top: 103px;
	}
}