@import url(https://fonts.googleapis.com/css?family=Comfortaa&display=swap);


body{
    font-family:Comfortaa,serif;
    background-color: rgb(243, 243, 243);
}

.title{
    margin-top: 2em;
    margin-bottom: 2em;
}

.title span
{
font-size: 50px;
font-weight:700;
}

.title img{
    width:60px;
    margin-bottom: 18px;
}

@media(max-width:1014px)
{
    .title span
    {
    font-size: 35px;
    font-weight:700;
    }
    
    .title img{
        width:60px;
        margin-bottom: 18px;
    }
}

@media(max-width:635px)
{
    .title span
    {
    font-size: 25px;
    font-weight:700;
    }
    
    .title img{
        width:60px;
        margin-bottom: 18px;
    }
}

@media(max-width:500px)
{
    .title span
    {
    font-size: 19px;
    font-weight:800;
    }
    
    .title img{
        width:35px;
        margin-bottom: 18px;
    }
}

.slidee-text{
    margin-top: 4em;
    font-size: x-large;
    margin-left: 2em;
}

.back-for-carousel{
    background-color: #0000CD;
    /* border-radius:15px; */
}

.title-carousel{
    margin-top: 2em;
    color:white
}



.carousel-control-next, .carousel-control-prev{
    width: 5%;
}

@media(max-width:1440px){
    .slidee-text{
        margin-top: 1em;
        margin-left:1em;
        margin-right: 1em;
    }
}

.image-size{
    width: 100%!important;
    height:-webkit-fill-available;
    object-position:right;
    object-fit: cover;
}

.img-center-size{
    width: 100%!important;
    height:-webkit-fill-available;
    object-position:center;
    object-fit: cover;
}

.img-left-size{
    width: 100%!important;
    height:-webkit-fill-available;
    object-position:left;
    object-fit: cover;
}

.border-style{
    border-radius: 15px;
}

footer{
    background-color:  #0000CD;
    color: white;
}