@media screen
{
	.carousel-inner .carousel-item.active img {
    width: 100%;
    height: 20%;
}
.carousel-inner .carousel-item img {
    width: 100%;
    height: 20%;
}
.carousel-caption h5 img {
    width: 20%;
    height: 10%;
}
.carousel-caption h5 img {
    width: 30%;
    height: 10%;
}
.carousel-caption .col-lg-3.offset-lg-5 img {
    color: #FFFFFF;
}
body header {
    background-color: #1491E1;
}
body header p {
    background-color: #16D5D8;
}
.align-content-center .navbar.navbar {
}
.pppp {
}
.pppp p {
    background-color: #28C5D8;
}
.pppp {
    background-color: #177EEB;
}
.pppp {
    background-color: #138CCF;
    -webkit-box-shadow: 0px 0px #2085D8;
    box-shadow: 0px 0px #2085D8;
}
#navbarSupportedContent2 .navbar-nav.mr-auto .nav-item.active {
}
.nav-item.active .nav-link .sr-only {
}
.nav-item.active .nav-link .sr-only {
}
il figure img {
}

.col-lg-4 {
}

body main div {
}

@media (max-width:400px){
}

@media (max-width:400px){
}

@media (max-width:400px){
}

@media (max-width:400px){
}
.carousel-caption .offset-lg-5.col-lg-5 .alert-light {
    width: 90%;
}

}@media screen
{
	.carousel-inner .carousel-item.active img {
    width: 100%;
    height: 20%;
}
.carousel-inner .carousel-item img {
    width: 100%;
    height: 20%;
}
.carousel-caption h5 img {
    width: 20%;
    height: 10%;
}
.carousel-caption h5 img {
    width: 30%;
    height: 10%;
}
.carousel-caption .col-lg-3.offset-lg-5 img {
    color: #FFFFFF;
}
body header {
    background-color: #1491E1;
}
body header p {
    background-color: #16D5D8;
}
.align-content-center .navbar.navbar {
}
.pppp {
}
.pppp p {
    background-color: #28C5D8;
}
.pppp {
    background-color: #177EEB;
}
.pppp {
    background-color: #138CCF;
    -webkit-box-shadow: 0px 0px #2085D8;
    box-shadow: 0px 0px #2085D8;
}
#navbarSupportedContent2 .navbar-nav.mr-auto .nav-item.active {
}
.nav-item.active .nav-link .sr-only {
}
.nav-item.active .nav-link .sr-only {
}
il figure img {
}
.f2 {
    overflow-x: hidden;
    overflow-y: hidden;
    visibility: visible;
    display: FLEX;
    list-style-type: none;
    list-style-image: none;
    clear: both;
    float: left;
}

ul il figure {
}

body main div {
}
.f3 figcaption {
    position: relative;
    top: 141px;
}
.f1 figcaption {
    position: relative;
    top: 103px;
}
.f3 .FM3.DD1 {
    width: 50%;
}
.f1 .FM2 {
    width: 50%;
    position: relative;
    top: 170px;
}
.f3 .FM3.DD1 {
    position: relative;
    top: -87%;
}
.f3 .FM3.DD1 {
    width: 50%;
}
.f1 .FM2 {
    width: 50%;
}
.f2 .FM1 {
    width: 50%;
}
.f1 .FM2 {
    position: relative;
    top: 138px;
    width: 45%;
    left: 495px;
}
.f3 .FM3.DD1 {
    width: 45%;
    position: relative;
    top: 284px;
    left: -746px;
}
.f2 .FM1 {
    width: 52%;
    position: relative;
}
.f2 .FM1 {
    position: relative;
    left: 434px;
    visibility: visible;
}
.f2 .FM1 {
    position: relative;
    left: 316px;
    display: inherit;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    visibility: visible;
    overflow-x: visible;
    overflow-y: visible;
}
.f1 .FM2 {
     margin: 0;
    padding: 0;
    width: 40%;
    position: relative;
    right: 30px;

}
.f2 .FM1 {
    left: 566px;
}
.f2 .FM1 {
}
.f2 .FM1 {
    position: relative;
    left: 518px;
}
.f1 .FM2 {
    left: 543px;
    top: 131px;
}
.f3 .FM3.DD1 {
    left: -260px;
    top: 275px;
}
.f2 .FM1 {
    left: 26px;
    top: -3px;
}
.f3 .FM3.DD1 {
    left: -249px;
    top: 267px;
}
.f1 .FM2 {
    left: 578px;
}
.f3 .FM3.DD1 {
    left: -230px;
    top: 259px;
}
.f1 .FM2 {
    left: 598px;
}
.f1 .FM2 {
    top: 129px;
    left: 622px;
}

@media (max-width:400px){
}

@media (max-width:400px){
}

@media (max-width:400px){
}

@media (max-width:400px){
}
.carousel-caption .offset-lg-5.col-lg-5 .alert-light {
    width: 90%;
}
.f3 .FM3.DD1 {
    position: relative;
    top: 281px;
}
.f3 .FM3.DD1 {
    position: relative;
    left: -527px;
}
.f3 .FM3.DD1 {
    width: 44%;
}
.f3 .FM3.DD1 {
}
.f3 .FM3.DD1 {
    width: 40%;
    height: auto;
}
.f2 .FM1 {
    width: 45%;
}
.f3 .FM3.DD1 {
}
.f3 .FM3.DD1 {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
}
    HTML{
        scroll-behavior: smooth
    }body {
}