@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap');

footer{
    position: relative;/*относительное позиционирование*/
    width: 100%;/*на всю ширину*/
    padding: 20px 10px;/*поля для контента*/
    background: #8a2be2;/*цвет футера*/
    display: flex;
    justify-content: center;/*в центре по горизонтали*/
    align-items: center;/*в центре по вертикали*/
    flex-direction: column;
    margin-top: 15px;/*отступ сверху*/
		border-radius: 25px 25px 0px 0px;
}
/*footer .wave{					По желанию можно сделать волнистый подвал
    position: absolute;/*абсолютное позиционирование*/
/*    top: -100px;
    left: 0;
    width: 100%;
    height: 100px;
    background: url(../img/wave.png);/*картинка волны*/
/*    background-size: 1000px 100px;/*ширина и высота волны*/
/*}*/
.social,
.menu2-footer{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
  	flex-wrap: wrap;/*разрешен перенос на новую строку*/
}

.social a {
    font-size: 2em;/*размер иконок*/
    color: #fff;/*цвет иконок*/
    margin: 0 10px;
    display: inline-block;/*отображать как строчно-блочный элемент*/
		align-items: center;
    transition: 0.5s;/*плавный переход*/
}
.menu2-footer a {
    font-size: 1.2em;/*размер ссылок меню*/
    color: #fff;/*цвет ссылок меню*/
    opacity: 0.75;/*значение прозрачности*/
    margin: 0 15px;
    text-decoration: none;/*ссылка без подчеркивания*/
    display: inline-block;
}
.menu2-footer a:hover {
    opacity: 1;
}
footer p {
    color: #fff;
    text-align: center;
    margin-top: 15px;
    font-size: 1.1em;
}

.social {
	font-size: 1em;/*размер иконок*/
	color: #fff;/*цвет иконок*/
	margin: 0 10px;
	display: inline-block;/*отображать как строчно-блочный элемент*/
	transition: 0.5s;/*плавный переход*/
	border-color: white;
}