@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');

body, html {
	width: 100%;
	height: 100%;
	font-family: 'Poppins', sans-serif;
	color: #222;
}

.navbar-brand img {
	width: 150px;
}

.navbar-nav li{
	padding-right:20px;
}

.nav-link{
	font-size:1.1em!important
}

.carousel-inner{
	height:40em;
}

.carousel-inner img{
	transform: translateY(-10%);
	width:100%;
	height:100%;
}

h2 {
    margin-top: 1.5rem; /*Тут можно поиграть отступом заголовков H2*/
}
.btn {
    margin: .6em 0 0; /*Отступы для кнопок*/
}

    .gif {
        box-shadow: 3px 3px 6px gray; /*Добавляет небольшую тень под картинки - объемнее смотрятся*/
    }
    .img-fluid {
        box-shadow: 3px 3px 6px gray; /*Тоже тень под картинки*/
    }
	
@media(max-width: 750px){
	.display-2 {
		font-size:2.0em;
	}
}

    .carousel-inner{
	height: 33em; /*Регулирует высоту слайдера на мобильных экранах*/
}
    h2 {
        text-align: center; /*Выравнивание заголовков H2 на мобильных экранах*/
    }
}

.carousel-caption{
	position: absolute;
	top: 50%;
	transform: translateY(-60%);
	text-shadow: 1px 1px 10px #000;
}

#fixed{
	height:700px;
	border-top: 4px solid #f0f0f0;
	border-bottom: 4px solid #f0f0f0;
	background: url("../img/bg.jpg") no-repeat center center fixed;
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}

#gifBtn{
	margin-bottom: 20px;
}

#gifs_mini img{
	max-width: 100%;
	max-height: 300px;
	margin-bottom: 20px;
}

#gifs_full img{
	max-width: 100%;
	max-height: 300px;
	margin-bottom: 20px;
}

#gifs_wifi img{
	max-width: 100%;
	max-height: 300px;
	margin-bottom: 20px;
}

.fa-eye{
	color: #e54d26;
	font-size: 4em;
	margin: 1em;
}