/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

#erasmusLogo {
    height: 70px !important;
    width: auto !important;
}

#slider{
    display: block;
}
#mobileSlider{
    display: none;
}


@media (max-width: 1024px) {


    #slider{
        display: none;
    }
    #mobileSlider{
        display: block;
    }
    
    #erasmusLogo {
        height: auto !important;
        width: 100% !important;
    }

    

    .d-flex.justify-content-between.bd-highlight {
        flex-wrap: wrap;
    }

    .d-flex.justify-content-between.bd-highlight>div:first-child {
        width: 100%;
        text-align: center;
    }

    #partnersSection strong {
        font-size: 16pt;
        margin-top: 25px;
        display: block;
        margin-bottom: 25px;
        text-align: center;
    }

    #partnersSection img {
        width: 50%;
        margin-left: 25%;
        margin-top: 50px;
    }

    #partnersSection a {
        width: 100%;
        display: block;
        font-size: 11pt;
        text-align: center;
        background-color: #efefef;
        color: #000;
        padding: 11px;
        box-sizing: border-box;
        margin-top: 5px;
    }



}