html{
	font-size:16px;
}

body{
    background-color: #E9EFF6;
}

header{
    background-color: whitesmoke;
}

.bg-light{
    background-color: whitesmoke;
}


section{
    padding: 2%;
}

.container-fluid{
    padding: 2%;
}


i{
    cursor: pointer;
    color: #1688EE;
}

div.title h1 {
	color: #1688EE;
    font-size: 2.2rem;
	text-align: center;
}

div.content{
	margin-top:18px;
}


@media only screen and (max-width: 576px) {
	.page-title {
		font-size:0.9rem;
	}
	header {
		font-size:0.5rem;
	}
	header div.dropdown-menu{
		font-size:0.6rem;
	}
	.carousel{
		height:35rem;
		margin-bottom:15px;
	}
	.carousel-inner {
		height:35rem;
	}
	.container-fluid {
		width: 100%;
		font-size:0.55em;
	}
	div.content p, div.content li, section#work li{
		text-align: justify;
		font-size:1.4rem;
		line-height:1.65rem;
		border:none;
	}
}

@media only screen and (min-width: 576px) {
	.page-title {
		font-size:0.9rem;
	}
	header {
		font-size:0.6rem;
	}
	.container-fluid {
		width: 100%;
		font-size:0.55em;
	}
	
	div.content p, div.content li{
	text-align: justify;
	font-size:1.4rem;
	line-height:1.65rem;
	border:none;
	}
}

@media only screen and (min-width: 768px) {
	.page-title {
		font-size:1.15rem;
	}
	header {
		font-size:0.8rem;
	}
	.container-fluid {
		width: 90%;
		font-size:1.1em;
	}
	div.content p, div.content li{
		text-align: justify;
		font-size:1.1em;
		line-height:1.05em;
		border:none;
	}
}

@media only screen and (min-width: 992px) {
	header {
		font-size:1.05rem;
	}
	.container-fluid {
		width: 80%;
		font-size:1.2em;
	}
	div.content p, div.content li{
		text-align: justify;
		line-height:1.5em;
		border:none;
	}
}

@media only screen and (min-width: 1200px) {
	.page-title {
		font-size:1.2rem;
	}
	.container-fluid {
		width: 70%;
		font-size:1.1em;
	}
	div.content p, div.content li{
		text-align: justify;
		line-height:1.5em;
		border:none;
	}
}

/*bar*/
.logo{
    text-align: left;
}

.logo img{
    width: 70%;
}

.lan img{
    width: 30%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.social .row{
    width: 50%;
    position: absolute;
    bottom: 0;
    right: 10%;
}

ul{
    width: 100%;
}

.dropdown-item{
    text-align: center;
}

header nav{
    width: 70%;
    margin: auto;
}


.container{
    text-align: center;
}

.button{
    text-align: center;
}


.navbar-lan{
    width: 5%;
}

.navbar-logo img{
    width: 100%;
}

.navbar-lan img{
    width: 100%;
}


h2:after{
    margin-top: -1%;
    margin-bottom: 1%;
}

.section-title{
    text-align: center;
}

div.title {
	margin-top:25px;
}

.hide{
    display: none;
}

/*.even{*/
    /*background-color: #D5D5D5;*/
/*}*/

/*.odd{*/
    /*background-color: #EDEDED;*/
/*}*/

.page-title{
    background-color: #CC0000;
    height: 110%;
    text-align: center;
}

.page-title-word{
    color: #EDEDED;
    font-size: 1em;
    padding: 1%;
    margin-bottom: 0;
	text-align: center;
}

.footer{
    background-color: #BEBEBE;
    padding-top: 1%;
}

.footer img{
    width: 45%;
}

/*.footer .container .col-lg-8{*/
    /*text-align: center;*/
/*}*/

.footer .container p{
    font-size: 0.7rem;
}

.footer{
    text-align: center;
}

footer div.col-lg-12 p {
	margin-top: 5px;
	margin-bottom: 5px;
}