@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');

@media (max-width:450px){
    .carousel-caption .display-2 {
        font-size: 3em;
    }

}

@media (min-width:1100px){
    .carousel-inner img {
        width: 100%;
    }

}
@media (max-width:750px){
    .display-4 {
        font-size: 1.3em;
    }
}
body, html {
width: 100%;
height: 100%;
font-family: 'Poppins', sans-serif;
color: #222;

}

.navbar-brad img {
    width: 150px;
}

.navbar-nav li {
    padding-right: 20px;
}

.nav-link {
    font-size: 1.1em !important;
}
.carousel-inner {
    height: 500px;
}

.carousel-inner img {
    /*transform: translateY(-30%);*/
    height: 100%;
}

.carousel-caption {
position: absolute;
top: 50%;
transform: translateY(-80%);
text-shadow: 10px 10px 10px #000;
}

.jumbotron {
    padding: 1em;
    border-radius: 0;
    width: 70%;
    margin: 0 auto;
    margin-top: 20px;
}


.padding {
    padding-bottom: 2em;
}

.alert {
    width: 75%;
    margin: 0 auto;
    padding-top: 2em;
}

.alert hr {
    border-top: 2px solid silver;
    width: 75%;
    margin-top: 0.5em;
    margin-bottom: 1em;
}

.fa-code {
    color: #e54d26;
}
.fa-bold {
    color: #4a09ac;
}
.fa-css3 {
    color: #137bf1;
}
.fa-code, .fa-bold, .fa-css3 {
    font-size: 3em;
    margin: 1em;
}

#fixed {
    height: 400px;
    border-top: 4px solid #222;
    border-bottom: 4px solid #222;
    background: url("../img/b1.jpg") no-repeat center center fixed;/*фиксирование картинки*/
    background-blend-mode: multiply; /*несколько слоев на картинке*/
    background-color: lightblue;/*задний цвет фона*/
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;

}

#gifsBtn {
    margin-bottom: 20px;
}

#gifs img {
    max-width: 100%;
    max-height: 200px;
    margin-bottom: 20px;
}

.social a {
    font-size: 2em;
    padding: 10px;
}

.fa-twitter {color: #567af1;}
.fa-twitter:hover {color: #222;}

.fa-instagram {color: #3048b4;}
.fa-instagram:hover {color: #222;}

.fa-telegram {color: #080bdb;}
.fa-telegram:hover {color: #222;}

.fa-viber {color: #3683af;}
.fa-viber:hover {color: #222;}

.fa-linkedin {color: #4a09ac;}
.fa-linkedin:hover {color: #222;}

.fa-whatsapp {color: green;}
.fa-whatsapp:hover {color: #222;}

.fa-youtube {color: red;}
.fa-youtube:hover {color: #222;}

footer {
    background-color: gray;
    padding-top: 50px;
    border-top: 4px solid black;
    color: #fff;
    background: url("../img/b2.jpg") no-repeat center center fixed;

}