@import url('https://fonts.googleapis.com/css?family=Josefin+Slab');
@import	'buttons.css';
@import	'box.css';
* {
	margin:0;
	box-sizing: border-box;
}
:focus { outline: none; }
*::after, *::before {
    box-sizing: border-box;
}

html, body {
	height: 100%;
	font-family: 'Josefin Slab', serif;
	padding:0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-bottom: 20px;
}
h1 {
	text-align:center;
	font-size: 40px;
	padding-top:8px;
}
h2 {
	color:#000;
	text-shadow: 2px 2px #FFF;
}

.nav > li > a {
	font-size:20px;
	margin-top:8px;
	font-weight: bold;
}
.navbar-right > li > a {
	margin-top:0;
	font-size:30px;
}
.navbar-brand {
    position:absolute;
    left:-500px;
}
.lang {
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 99;
}

p {
	padding: 5px 100px;
	margin: 0 100px;
	font-size: 23px;
	background-color: rgba(255,255,255,.9);
	text-align: justify;
}

.ptitle {
    margin-top:10px;
    font-weight: bold;
    background-color:#0058a4;
    color:#FFF;
    opacity:.7;
    text-shadow: 2px 2px 2px #000;
}
.micro {
    font-size:0.8em;
}

.title {
	margin:115px 30px; 
	background-color:rgba(0,0,0,.2);
	height:135px;
	color:#FFF;
	font-size:80px;
	padding-left:30px;
	line-height:80px;
}
.title img {
    width:441px;
    height:220px;
    margin-top:-55px;
}
.title-details {
	margin-left:80px;
	font-size:20px;
	float:right;
	margin:70px 10px 0 0;
	text-shadow:0 0 1px black;
}
i {
	color:green;
}
#carousel div img {
	width:95%;
	height:95%;
}
.white { color: #fff; }
iframe {
    border:0;
    width:100%;
    min-height:100%;
    height:710px;
}

p.nopadding {
    padding:10px;
}
p.nopadding span {
    display:inline-block;
    width: 20%;
    text-align:center;
}
p.nopadding .head {
    font-weight: bold;
    font-size:.9em;
}



@media screen and (max-width: 1080px) and (min-width: 891px) {
	p {
		font-size: 20px;
	}
}

@media screen and (max-width: 890px) and (min-width: 721px) {
	p {
		font-size: 16px;
		padding: 5px 50px;
	}
	.title { font-size:60px; }
	.title-details { font-size:15px; }
}

@media screen and (max-width: 720px) and (min-width: 481px) {
	
	p {
		font-size: 14px;
		padding: 3px 20px;
		margin: 0 50px;
	}
	h2 {
		font-size: 20px;
	}
	.title { font-size:35px; margin-top:80px; height:70px; line-height:40px;}
	.title-details { font-size:15px; margin-top:40px;}
	.title img { width: 220px; height:110px; margin-top:-25px;}
}

@media screen and (max-width: 480px) and (min-width: 10px) {
	
	p {
		font-size: 12px;
		padding: 2px 10px;
		margin: 0 20px;
	}
	h2 {
		font-size: 10px;
	}
	iframe {
		height:620px;
	}
	.box .logo {
	    position: fixed;
        top:0; left:0;
        width:70%;
        height:70%;
    }
    .box h1 {
        position: relative;
        left:0;
    }
	.title { font-size:25px; margin-top:70px; height:45px; line-height:20px; }
	.title-details { font-size:10px; margin-top:22px; }
	.title img { width: 155px; height:76px; margin-top:-22px; margin-left:-25px; }
}

@media screen and (max-width: 770px) {
    .navbar-brand {
        left:0;
    }
}