body{
	margin:0;
	color: #fff;
	font-family: 'Roboto', sans-serif;
}
a{
	color: #fff;
	text-decoration: none;
}
main{
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center bottom;
	min-height: 80vh;
	padding: 50px 4vw;
}

nav{
	display: flex;
	flex-wrap: wrap;
	width:100%;
	justify-content: center;
	gap: 50px;
	max-width: 1200px;
	margin:auto;
}

nav .card{
	position: relative;
	width: 300px;
	margin-top: 0;
	height: 500px;
	padding: 75px 25px;
	box-sizing: border-box;
	text-align: center;
	transition: transform .5s;
}

nav a {
    display: flex;
    flex: 1;
}

nav a:first-child {
	justify-content: flex-start;
}
nav a:nth-child(2) {
	justify-content: center;
}
nav a:last-child {
	justify-content: flex-end;
}

nav a:first-child .card{
	background-image: linear-gradient(0deg,#454F59,#454f5996);
}
nav a:nth-child(2) .card{
	background-image: linear-gradient(0deg,#577180,#5771808f);
}
nav a:last-child .card{
	background-image: linear-gradient(0deg,#827970ff,#82797087);
}
nav .card:hover{
	transform: scale(1.1);
}

p{
	margin:0;
}
.logo{
	display: flex;
	justify-content:center;
	letter-spacing: 8px;
	margin-bottom: 20px;
}
.logo img {
    width:100%;
}
.logo p{
	font-size: 40px;
}
.logo.small p{
	font-size: 25px;
}

.logo p:first-child{
	padding-right: 10px;
}
	
.logo p:last-child{
	font-weight: 700;
	padding-left: 10px;
	border-left: 2px solid #fff;
}

/*.card>p:nth-child(2){
	font-size: 12px;
}*/

nav a:nth-child(2) .card p:nth-child(2){
    padding:32px 0 0 0;
}

.card>p:nth-child(2){
	font-size: 30px;
	line-height: 32px;
	font-style: italic;
	margin: 70px 0;
}

.card>.button{
	position: absolute;
	bottom: 75px;
	width: 250px;
	font-size: 18px;
}

.footer{
	background-color:#454F59;
	font-style: italic;
	font-weight: 400;
	line-height: 30px;
	font-size: 18px;
}

.footer .small-text{
	font-size: 13px;
}

.footer .logo{
	justify-content: left;
}

.footer .logo img{
	width:160px;
}

.footer>div{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-row-gap: 100px;
	grid-column-gap: 25px;
	max-width: 1000px;
	margin: 0 auto;
	padding: 70px 50px 50px 50px;
}

.footer svg{
	width: 25px;
	height: 25px;
	fill: #fff;
	margin-right: 20px;
}

.footer .contacts:first-child p {
    width: 198px;
}

.footer .contacts:nth-child(2) p {
    width: 224px;
    margin: auto;
}

.footer .contacts:nth-child(3) p {
    width: 198px;
    float: right;
}

.footer .socials {
    padding:0 40px;
}

@media only screen and (max-width: 1125px) {	
    nav a {
        flex:unset;
    }
    nav .card{
		padding: 45px 25px;
		height:370px;
	}
	.card>p:nth-child(2) {
	    margin:50px 0;
	    font-size:22px;
	}
	.card>.button {
		bottom: 45px;
	}
	.card>p:nth-child(3) {
		margin: 30px 0;
	}
	.footer .contacts p {
	    width:unset !important;
	    margin:unset !important;
	    float:unset !important;
	}
	.footer .socials {
	    padding:0;
	}
}

@media only screen and (min-width: 750px) and (max-width: 1125px) {	
	nav .card{
		margin-bottom:50px;
	}
	.footer>div>div {
	    width: 198px;
        margin: auto;
	}
	.footer>div{
		grid-template-columns: 1fr 1fr;
	}
	.footer>div>div:nth-child(4), .footer>div>div:last-child{
		grid-row: 3;
	}
	.footer .contacts:first-child p {
	    width:198px !important;
	    margin:auto !important;
	}
	.footer .contacts:nth-child(3) p {
        width: 198px !important;
        margin: auto !important;
    }
}
@media only screen and (max-width: 750px) {
	
	.footer{
		text-align: center;
	}
	.footer .logo{
		justify-content: center;
	}
	.footer>div{
		grid-template-columns: 1fr;
	}
	.footer .contacts:first-child p {
	    width:198px !important;
	    margin:auto !important;
	}
	.footer svg {
        margin: 0 10px;
    }
}