@media screen and /*(min-width: 480px)  and*/ (max-width: 1023px)
/*@media only screen
and (min-device-width : 200px)
and (max-device-width : 1024px) */
/*and (orientation : portrait)*/

{

    body {
        background-size: 100%;
    }

    body:before {
        content: "";
        height: 50px;
        width: 100%;
        /*background-color: #cc091f;*/ /*ORIGINAL*/
        background-color: #002349;
	   /*border-bottom: 1px solid rgba(134, 134, 134, 0.14);*/
        /*border-top: 1px solid #e2e2e2;*/
        text-align:center;
        font-style: italic;
        color: #3c3c3c;
        position: fixed;
        z-index: 2;
        overflow-x: hidden;
    }



    header {
        background: none;
        background-color: none;
        position: relative;
    }


    #flag {
    /* background : url(../images/Logo4250px.png) no-repeat; */ /*ORIGINAL*/
    background : url(../images/Logo4250px2024.png) no-repeat;
    background-size: 100px;
	/*border-bottom: 1px solid rgba(134, 134, 134, 0.14);*/
    /*border-top: 1px solid #e2e2e2;*/
    position: fixed;
    /*display: inline-block;*/
    /*background-position: 1em;*/
    /*background-position: 10em;*/
    background-position: 1em;
    z-index: -1;
    width: 50%;
    height: 125px;
    padding: 10px 0px 0px 0px;
    /*margin: 81px 0px 0px 0px;*/
    /*left: 50%;*/

}

    /*nav + * {
    }*/

	nav {
        /*overflow: scroll;*/
        /*overflow-x: hidden;*/
        /*-webkit-overflow-scrolling: touch;*/
        /*transition: .90s ease-in-out;*/
        /*overflow-x: scroll;*/
        /*opacity:90;*/
        /*z-index: -1;*/
        /*min-height: 50px;*/
        /*top: 45px;*/
        /*position: absolute;*/
        /*overflow: hidden;*/
        /*position: relative;*/
        background: none;
        position: relative;
        z-index: 5;
        background-color: #002349;

	}

	/* Theming opened nav */
	nav ul {
        overflow-x: hidden;
        /*-webkit-overflow-scrolling: touch;*/
        /*transition: .10s ease-in-out;*/
        /*width: 100%;*/
        /*display: block;
		position:fixed;*/
        /*width: 30em;*/
        /*background-color: #f2f2f2;*/
        /*width: 31em;*/
        /* -webkit-overflow-scrolling: touch;*/
		/* maximum height */
        /*overflow:hidden;
        background-color: #cc091f;
		max-height: 25em;
		/* translate with hardware acceleration
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		        transform: translateZ(0);
		-webkit-transition: max-height 0.5s;
		        transition: max-height 0.5s;
		will-change: max-height;
        display:inline-block;
		/* global styles */
        /*width: 80%;*/
        color: #dedede;
        padding: 26px 0px 0px 0px;
        margin: 0;
        width: 100%;
        line-height: 1.5;
	}

    nav ul:after {
        /*content:'';
        display: inline-block;
        width: 100%;*/

}

    nav li {
        /*display: inline;*/
        list-style: none;
        cursor: pointer;
        text-align: center;
    }

	nav a {
        display: block;
        padding: 0.5rem;
        font-size: 1em;
		/*background: #333333;*/
		text-decoration: none;
		/*margin-bottom: 2px;*/
        letter-spacing: 0.5px;
        text-shadow: none;
	}

    nav a:link, nav a:visited {
        color: #d7d7d7;
    }


      nav a:hover, nav a:focus, nav a:active {
		/*background: #eee;*/
        color: white;
        background-color: #333333;
	}

    li.current.active a, li.current.active a:hover, li.current.active a:focus, li.current.active a:active, li.current.active a:visited, li.current.active a:link {
        color: white;
        background-color: #333333;
    }

	/* Theming closed nav */
	nav.is-closed ul {
		/*height: 0px;
		overflow: hidden;*/
        display: none;

	}

	/* Global styling nav button */
	nav > button {
		position: fixed;
        top: 1rem; right: 1rem;
		z-index: 3;
		height: 1.6rem; width: 1.6rem;
		background-color: transparent;
		background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)), to(rgba(255,255,255,1))), -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)), to(rgba(255,255,255,1))), -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)), to(rgba(255,255,255,1)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,1)), -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,1)), -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,1));
		background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,1)),
			linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,1)),
			linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,1));
		background-position: center top, center, center bottom;
		background-repeat: no-repeat;
		-webkit-background-size: 2rem .3rem;
		        background-size: 2rem .3rem;
		padding: 0;
		outline: 0;
		border: 0;
		cursor: pointer;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
		-webkit-transition: .2s;
		        transition: .2s;
	}

	/*  Removing Firefox's dotted outline on button */
	nav > button::-moz-focus-inner {
		border: 0;
	}

	/* Theming opened nav button */
	nav:not(.is-closed) > button {
		-webkit-transform: rotate(180deg) translateZ(0);
		        transform: rotate(180deg) translateZ(0);
		background-position: center, center, center;
	}


	/* Hide alternate text except from screen readers */
	.visually-hidden {
		position: absolute !important;
		clip: rect(1px, 1px, 1px, 1px);
		overflow: hidden;
		height: 1px;
		width: 1px;
	}


    #dyn {
        /*padding-top: 50px;*/
        padding: 50px 0px 0px 0px;
        background-color: #002349;
    }

    #component {
        padding : 0% 5% 1% 5%;
    }

.wrapper {
	padding: 10px 0px 0px 0px;
}

.container iframe {
	top: 0;
	left: 0;
	width: 100%;
    height: 600px;
	margin-left: auto;
	margin-right: auto;
	/*height: 100%;*/
	border: none;
    text-align: center;
}



    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.5rem;
    }

    h3 {
        font-size: 2rem;
    }

    h4 {
        font-size: 1rem;
        padding : 0% 5% 0% 5%;
    }

    h5 {
        font-size: 1rem;
        padding : 0% 5% 0% 5%;
    }


footer {
    letter-spacing: 2px;
    font-size : 1vw;
    text-shadow: none;
}

footer table {
    background-position: 1.5em;
    background-size: 5%;
}

}