* alegreya-sans-regular - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/alegreya-sans-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/alegreya-sans-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/alegreya-sans-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/alegreya-sans-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/alegreya-sans-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/alegreya-sans-v14-latin-regular.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}
/* alegreya-sans-italic - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/alegreya-sans-v14-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/alegreya-sans-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/alegreya-sans-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/alegreya-sans-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/alegreya-sans-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/alegreya-sans-v14-latin-italic.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}
/* alegreya-sans-500italic - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/alegreya-sans-v14-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/alegreya-sans-v14-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/alegreya-sans-v14-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/alegreya-sans-v14-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/alegreya-sans-v14-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/alegreya-sans-v14-latin-500italic.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}
/* alegreya-sans-500 - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/alegreya-sans-v14-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/alegreya-sans-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/alegreya-sans-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/alegreya-sans-v14-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/alegreya-sans-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/alegreya-sans-v14-latin-500.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}
/* alegreya-sans-700 - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/alegreya-sans-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/alegreya-sans-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/alegreya-sans-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/alegreya-sans-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/alegreya-sans-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/alegreya-sans-v14-latin-700.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}
/* alegreya-sans-700italic - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/alegreya-sans-v14-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/alegreya-sans-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/alegreya-sans-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/alegreya-sans-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/alegreya-sans-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/alegreya-sans-v14-latin-700italic.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}
/* playfair-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: 'Playfair';
  font-style: normal;
  font-weight: 400;
  src: url('font/playfair-v10-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('font/playfair-v10-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* playfair-600 - 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: 'Playfair';
  font-style: normal;
  font-weight: 600;
  src: url('font/playfair-v10-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('font/playfair-v10-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

html {
    height: 100%;
}

body{
	background: #f3ede4;
	width: 100%;
	height: 100vh;
	padding: 0;
	position: fixed;
	display: flex;
	align-content: center;
	align-items: center;
	font-family: "Alegreya Sans";
	color: #253140;
	font-size: 26px;
	margin: 0;
}

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

p > a{
	position: relative;
}
	p > a:before{
		content: '';
		position: absolute;
		width: 100%;
		height: 1px;
		background: currentColor;
		bottom: 0;
		left: 0;
		pointer-events: none;

		transform-origin: 100% 50%;
    	transform: scale3d(0, 1, 1);
    	transition: transform 0.3s;
	}
	p > a:hover:before{
		transform-origin: 0% 50%;
    	transform: scale3d(1, 1, 1);
	}

main{
	padding: 2vw 5vw 2vw 5vw;
}

h1{
    font-family: 'Playfair', serif;
    font-size: 65px;
    font-weight: 600;
    margin: 0;
    line-height: 1;
}
h2{
	font-weight: 100;
    font-size: 32px;
}

img{
	display: block;
	max-width: 100%;
    height: auto;
}

p.button{
    display: inline-block;
    border-radius: 10px;
    background: #253140;
    color: #fff;
    padding: 5px 70px;
    font-size: 32px;
    font-weight: 100;
}

.cover{
	display: flex;
	gap: 60px;
	margin-top: 30px;
	margin-bottom: 30px;
}
	.cover img{		
		box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);		
    	transition: transform ease 0.5s;
	}



@media screen and (min-width: 1025px){
	.cover img{transform: scale(0.95);height: calc(100vh - 550px);}
	.cover img:hover{
		transform: scale(1);
	}
}
@media screen and (max-width: 1024px){
	body{
		height: auto;
		position: relative;
	}
	main{
		padding: 10vw 5vw 10vw 5vw;
	}

	h1{
		font-size: 10vw;
	}
	h2{
		font-style: 7vw;
	}
	p.button{
		padding: 2vw 10vw;
    	font-size: 7vw;
	}
	.cover{
		flex-direction: column;
	}
}