*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: brandon-grotesque, sans-serif;
}

h1, h2{
	font-family: ltc-goudy-oldstyle-pro, serif;
	letter-spacing: 0.07em;
}

h2{
	font-size: 1.7em;
}


.bg{
	width: 100vw;
	width: 100dvw;
	min-height: 100dvh;
	background-image: url('../assets/background.jpg');
	background-size: cover;
	background-position: 50% 50%;
	.overlay{
  		min-height: 100dvh;
    	background-color: rgba(75, 93, 103,0.9);
    	border-bottom: 15px solid #36444c;
    	color: white;
    	padding: 30px 0;
    	padding-bottom: 0;
    	display: flex;
    	flex-direction: column;
    	justify-content: space-between;
    	& > *{
    		padding-inline: 30px;
    	}
    	.logo{
  			background-image: url('../assets/logo.png');
  			background-size: contain;
			background-position: 50% 50%;
			background-repeat: no-repeat;
			height: 50px;
			width: calc(100% - 40px);
			margin: 10px auto;
    	}
    	.info{
    		text-align: center;
    		max-width: 800px;
    		margin: 30px auto;
    		p{
    			max-width: 700px;
    			margin: 0 auto;
    			padding-top: 15px;
    		}
    	}
    	.flex{
    		max-width: 900px;
    		margin: 0 auto;
    		transform: translateY(15px);
    		display: flex;
    		.left, .right{
    			padding: 35px 40px;
    			h2{
    				padding-bottom: 0.2em;
    			}
    		}
    		.left{
    			flex: 0 0 58%;
    			background-color: #7aa47f;
    			ul{
    				padding-left: 20px;
    				li{
    					padding: 0.2em 0 0.2em 10px;
    				}
    			}
    		}
    		.right{
    			flex: 0 0 42%;
    			background-color: #f7f5e9;
    			color: #36444c;
    			p, & > div{
    				padding-bottom: 10px;
    			}
    			a{
    				font-weight: 900;
    				color: #36444c;
    				text-decoration: none;
    				&:hover{
    					color: #7aa47f;
    				}
    			}
    		}
    	}
	}
}

@media (max-width: 900px) {
	.bg .overlay .flex{
		flex-wrap: wrap;
		.left, .right{
			flex: 0 0 100%;
		}
	}
}

@media (max-width: 400px) {
	.bg .overlay .flex{
		padding-inline: 10px;
		.left, .right{
            padding: 25px 30px;
        }
	}
}