@charset "utf-8";
@media only screen and (max-width : 900px)
{
	#header{position:relative;
	height:auto;}
	#menu{display:none;position:relative;}
	#logo_s{display:none;}
	#pull {
        display: block;
        background-color: #283744;
        width: 100%;
        position: relative;
		color:white;
		text-align:left;
		height:20px;
		padding: 5px;
    }
	#pull:after{
        content:"";
        background: url('./imgs/nav-icon.png') no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
     
    }
	#menu {
        display: none;
        height: auto;
		background-color:#231F20;
    }
	#menu li {
		
        float: none;
        width: 100%;
		margin: 2px;
    }
    #menu li a {
        border-bottom: 1px solid #576979;
    }
	#flag_ro,#flag_uk{
		bottom:0px;
		margin-right:4px;
		}
	.intro p{font-size: 0.9em;}
	.intro h1{font-size: 1.8em;}
	 #text1 p1{font-size: 0.9em;}
	 #text2 p1{font-size: 0.9em;}
	 #text3 p1{font-size: 0.9em;}
.fp-controlArrow {
    top: 55%;
}
.fp-controlArrow.fp-prev { 
    border-width: 19.5px 17px 19.5px 0;  
	top:65%;
}
.fp-controlArrow.fp-next {
    border-width: 19.5px 0 19.5px 17px;
	top:65%;
}
#flags{
	bottom:auto;
	right:0px;
	background-color:#283744;
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;;
	}
.intro h1{display:none;}	

#contact{
	position:absolute;
	width:100%;
	left:10%;
	top:30%;
	}	
#contact span{
	width:auto;
	position:absolute;
	top:40%;
	left:20%;
}
#contact p1{
	font-size:0.8em;
    padding:5px;
	text-align:center;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
#contact a{
	color:#fff;
	padding:5px;
	width:auto;
	font-size: 0.8em;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	}
#contact img{
	/*margin: 0 0 0 -180px;*/
    width:24px;
    height:24px;}
#footer{
	height:10px;
	font-size:0.7em;}

}
@media only screen and (max-height : 500px) {
#footer{
	height:20px;
	font-size:0.7em;}
}