/* Portrait and Landscape */
@media screen and (max-width : 480px){
    #pins, #top, #settings, #searcher, #newsletter, #footerMenu, #bottomBanners, #newsPager   {
        display: none;
    }

    #warstwa1 {
        display: none;
        width: 100% !important;
        left: 10%;
    }

    #warstwa1 img {
        width: 100%;
        height: 80%;
    }

    #header {
        text-align: center;
        height: 160px;
    }

    #header img {
        width: 100%;

    }

    .slide figure, .slideContent {
        float: none;
        width: 100%;
    }

    .slide .links {
        position: relative;
        left: 0;
        bottom: 0;
        margin: 10px auto;
    }

    #mainMenu nav ul .menuItem {
        padding: 0 10px;
    }

    #mainMenu nav ul .menuItem:not(:last-child) {
        border: 0;
    }

    #topBanners {
        justify-content: space-around;

    }

    #topBanners .banner {
        width: 40%;
        margin-bottom: 10px;
    }

    #topBanners h2 {
        font-size: 16px;
    }

    #mediumBanners .banner {
        width: 40%;
    }

    #notices, #infoMenu, #calendarPanel, #calendarEvents {
        float: none;
        width: 100%;
    }

    .subpage {
        width: calc(100% - 30px);
        float: none;
    }

    .rightSide {
        float: none;
        width: 100%;
        text-align: center;
    }



    #contact {
        float: none;
        width: 100%;
    }

    #importantSites {
        float: none;
        width: 100%;

    }

    #importantSites li {
        width: 100%;
        display: block;
    }

    footer {
        clear: both;
        float: left;
    }
}

@media screen and (min-width : 481px) and (max-width : 800px){

    #pins, #newsletter, #footerMenu {
        display: none;
    }
    #topInfo ul {
		margin-right: 0px;    
    }

    .slide {
        min-height: 330px !important;
    }

    .subpage {
        width: 70%;
    }

    .rightSide {
        text-align: center;
    }

    .rightSide img {
        max-width: 100%;
    }

    #contact {
        width: 40%;
    }

    #importantSites {
        width: 60%;
        white-space: normal;
    }

    footer {
        clear: both;
        float: left;
    }
}

@media screen and (max-width : 1230px) and (min-width: 801px) {

    #newsletter section {
        line-height: 50px;
        text-align: center;
    }

    #newsletterform span {
        display: block;
    }
    
    #pins {
    	top: 0px;
    }
    
    #topInfo ul {
    	margin-right: 60px;
    }
}

@media screen and  (min-width: 801px) {
    #news {
        height: 347px !important;
    }

    .slide {
        height: 347px !important;
    }
}