/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('./fonts/poppins-v20-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v20-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../fonts/poppins-v20-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v12-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../fonts/inter-v12-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-v12-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../fonts/inter-v12-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
body{
	padding:0;
	width:100%;
	max-width:1440px;
	margin:0 auto;
	min-width:650px;
	background-color:#f4f4f4;
}
.container{
	margin-left:8%;
	max-width:60%;
}
.showcase{
	background:url("lighthouse.png") no-repeat;
	font-family:'poppins';
	background-size:cover;
	background-position:top right;
	padding-bottom:18%;
	margin:auto;
	margin-bottom:0;
	display:block;
	image-rendering: -webkit-optimize-contrast;
}


.logo{
	padding-top:23%;
	padding-bottom:3%;
}

#tag1{
	font-size:max(4.2vw, 45px);	
	font-weight: 700;
	margin-top:0;
	color:#282828;
	margin-bottom:0;
}

#tag2{
	font-size:max(1.5vw, 28px);	
	margin-top:0;
	color: #282828;
}

#about-block{
	background:#285790;	
	min-height:516px;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap-reverse;
	align-items:center;
	justify-content:space-evenly;
	font-family:'Inter';
}
#about-logo{
}
#about-text{
	max-width:62%;
	color:#fff;
}

#about-text p{
	font-size:max(1.3vw, 22px);	
}
#about-text h1{
	font-size:max(1.6vw, 30px);	
	font-weight:700;
}

.contact{
	font-family:'poppins';
	background:#10225A;	
	min-height:290px;
	text-align:center;
	color:#fff;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	line-height:0.1;
	font-size:max(1.5vw, 25px);	
}

footer{
	font-family:'Inter';	
	background:#171717;	
	height:171px;
	color:#fff;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	font-size:max(1.3vw, 22px);	
}
footer p{
	margin-right:8%;
}

footer svg{
	margin-left:8%;
}
@media(max-width: 1000px){

	#about-text{
		text-align:center;
		max-width:85%;
	}


	#about-text h1{
		padding-top:10%;
	}

	#about-text p{
		padding-bottom:10%;
	}

	#about-logo{
		padding-bottom:10%;
	}
	.contact{
		min-height:0;
		padding-top:10%;
		padding-bottom:10%;
	}
	
	footer{
		flex-direction:column;		
		justify-content:center;
	}
	footer p{
		margin-right:0;
		padding:0;
		line-height:0;
	}
	footer svg{
		margin-left:0;
	}

}