body{
    font-family: "DM Sans", sans-serif;
}


.csemMain {
    color: #01369e;
}

.csemSecondary {
    color: #ec6087;
}

.infoSection {
    background-color: #01369e;
    color: white;
    font-size: 1.5rem;

}

.otherSection {
    background-color: #01369e;
    color: white;
    padding: 1rem ;
    margin: 2rem 0 2rem 0;
    background-image: url("/_assets/theM.png");
    background-repeat: no-repeat;
    background-blend-mode: lighten;
    background-position: center;

}

.infoSection .imgCol {
    background-color: #ec6087;
    background-image: url("/_assets/planetIcons.png");
    background-repeat: no-repeat;
    background-blend-mode: darken;
    background-size: cover;

}

.nav-link {
    text-transform: uppercase;
    color: #ec6087;
    font-weight: bold;
    font-size: 1.1rem;
    margin: 0 1.5rem 0 1.5rem;
}

.navbar-collapse {
    flex-grow: inherit;
}


.mainDescription P {
    margin-top: 2rem;
    text-align: justify;
    text-justify: inter-word;


}

.iconsBanner {
    background: url("/_assets/icons.png");
    background-repeat: repeat-x;
    padding: 5rem;
}

.btn-secondary {
    background-color: #ec6087;
    border-color: #ec6087;
}


footer {
    background-color: #1b3f90;
    font-size: 1rem;
    color: white;
}

.paddedText {
    text-align: justify;

}


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {  }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {  }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .infoSection {
        font-size: 3rem;
    }

    .otherSection {
        padding: 1rem 0 1rem 0;
    }

    .paddedText {
        padding: 0 6rem 0 6rem;
    }

    .mainDescription P {
        font-size: 1.3rem;


    }


}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  }

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {  }