@import url('https://fonts.googleapis.com/css?family=Roboto');
html,body{
	width: 100%;
	height: 100%;
	font-family: 'Pacifico';
	font-size: 25px;
	color: #222;
}
.navbar{
	background-color: turquoise !important;
}
.navbar li a {
	color: white !important;
}

.navbar li a:hover {
	color: rgb(0, 0, 0) !important;
}
.carousel-inner img{
	width: 100%;
}
.carousel-caption{
	position: absolute;
	top: 15%;
}
.carousel-caption h1{
	font-size: 400%;
	text-transform: uppercase;
	text-shadow: 5px 5px 15px #000;
}
.carousel-caption h3{
	font-size: 200%;

	text-shadow: 2px 2px 10px #000;
}

.btn-primary{
	background-color: turquoise;
	border: 1px solid white;
}
.btn-primary:hover{
	background-color: rgb(0, 99, 89);
	border: 1px solid white;
}

.carousel-indicators li {
    border-radius: 12px;
    width: 12px;
    height: 12px;
    background-color: #404040;
}
.jumbotron{
	padding: 1rem;
	border-radius: 0;
}
.welcome hr{
	border-top: 2px solid rgba(62, 44,100, 0.6);
	width: 95%;
	margin-bottom: 2rem;
}
.fa-react{
	color:#81D8F7;
}
.fa-angular{
	color: rgb(177, 43, 55);
}
.fa-css3{
	color: #D76537;
}
.fa-react, .fa-angular, .fa-css3{
	font-size: 4em;
	margin: 1rem;
}
 .setsizeimg{
	width: 40%;
}
.fun{
	width: 100%;
}
.social a{
font-size: 3em; /* 1em=16px*/
padding: 3rem;  /* 1rem=1 "font-size"*/
}
.fa-facebook{
	color: #3b5998;
}
.fa-twitter{
color: #00aced;
}
.fa-google-plus-g{
color: #dd4b39;
}
.fa-instagram{
color: #517fa4;
}
.fa-youtube{
color: #bb0000;
}
footer{
	background-color: turquoise;
	color: #504949;
}
hr .light{
	border-top: 1px solid #d5d5d5;
	width: 75%;
}

@media(max-width: 2502px){

	.carousel-caption{
		top:10%;
	}
	.carousel-caption h1{
		font-size: 390%;
	}
	.carousel-caption h3{
		font-size: 200%;
	}
	.carousel-caption .btn{
		font-size: 150%;
		padding: 1px 3px;
	}
	.navbar-nav .nav-link{
		font-size: 140%;
		padding-top: 2%;
		padding-bottom: 1%;		
	}

	.h5thunho{
		padding: 0em 7em;
	}
	
}

@media(max-width: 1402px){

	.carousel-caption{
		
		top:10%;
	}
	.carousel-caption h1{
		font-size: 390%;
	}
	.carousel-caption h3{
		font-size: 200%;
	}
	.carousel-caption .btn{
		font-size: 150%;
		padding: 1px 3px;
	}
	.navbar-nav .nav-link{
		font-size: 120%;
		padding-top: 2%;
		padding-bottom: 1%;
		
	}
	.h5thunho{
		padding: 0em 7em;
	}
	
}

@media(max-width: 1192px){

	.carousel-caption{
		
		top:5%;
	}
	.carousel-caption h1{
		font-size: 250%;
	}
	.carousel-caption h3{
		font-size: 150%;
	}
	.carousel-caption .btn{
		font-size: 100%;
		padding: 1px 3px;
	}
	.jumbotron p{
		font-size: 80%;
	}
	.navbar-nav .nav-link{
		font-size: 100%;
		padding-top: 2%;
		padding-bottom: 1%;
		
	}
	.h5thunho{
		padding: 0em 7em;
	}
	
}
@media(max-width: 905px){
	.carousel-caption{
		
		top: 3%;
	}
	.carousel-caption h1{
		font-size: 200%;
	}
	.carousel-caption h3{
		font-size: 80%;
	}
	.carousel-caption .btn{
		font-size: 50%;
		padding: 1px 3px;
		margin-top: -30px;
	}
	.jumbotron p{
		font-size: 60%;
	}
	.jumbotron .btn{
		font-size: 60%;
	}
	.navbar-nav .nav-link{
		font-size: 70%;
		padding-top: 2%;
		padding-bottom: 1%;
		
	}
	

}

@media(max-width: 576px){
	.carousel-caption{
		top: -1%;
	}
	.carousel-caption h1{
		font-size: 100%;
	}
	.carousel-caption h3{
		margin-top: -10px;
		font-size: 50%;
	}
	.carousel-caption .btn{
		font-size: 30%;
		margin-top: -40px;
	}
	.jumbotron p{
		font-size: 50%;
		margin-bottom: 1px;
	}
	.jumbotron{
		padding: 0.2rem;
		border-radius: 0;
	}
	.jumbotron .btn{
		font-size: 30%;
	}
	.navbar-branch img{
		height:1%;
	}
	.container-fluid button{
		font-size: 30px;
	}	
	.navbar-nav{
		font-size: 50%;
	}
	.navbar-nav .nav-link{
		font-size: 80%;		
	}
	#btn-sm{
		padding: 3px 3px;
	}

	h5{
		font-size: 0.5em;
	}

	.h5thunho{
		padding: 0em 1em;
		text-align: center;
	}
	
	
}

@media(max-width: 450px){
img{
	padding-top: -10px;
	width: 200px
}

.navbar-nav .nav-link{
	font-size: 100%;
	margin-top: 1%;
	padding-bottom: 1%;
	
}

tbody{
	font-size: 0.5em;
}
h5{
	font-size: 0.5em;
}

.h5thunho{
	padding: 0em 1em;
	text-align: center;
}


/* button.navbar-toggler{
	padding: 0px;
}
	 */

}

#btn-back-to-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	display: none;
	z-index: 99;
	padding: 0px 8px 0px;
	
	
  }
/* Nintendoid font from https://www.splintered.co.uk/experiments/132/ */

@font-face {
	font-family: 'Nintendoid1';
	font-style: normal;
	font-weight: 400;
	src:  url(data:font/ttf;base64,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) format('woff2');
  }
  h4{ 
		 
		 font-family: Nintendoid1;
		 color: #000;
		 font-size: 1.5em;
		 line-height: 1;
		 text-shadow: 0.06rem 0 0.06rem #ea36af, -0.125rem 0 0.06rem #75fa69;
		 letter-spacing: 0.125em;
		 animation-duration: 0.01s;
		 animation-name: textflicker;
		 animation-iteration-count: infinite;
		 animation-direction: alternate;
  }

  
  @keyframes textflicker {
	from {
	  text-shadow: 1px 0 0 #ea36af, -2px 0 0 #75fa69;
	}
	to {
	  text-shadow: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69;
	}
  }

  /* het hieu ung nhap nhay nintendo*/

  .lang-picker {
	padding: 0rem 0 0 0 !important; 
	text-align: left;
	color: #FFFFFF
}

.lang-picker li {
	list-style: none;
	/* display: inline-block;  */
	font: 400 25px/30px;
	color: #ffffff;
	cursor: pointer;	
	white-space: nowrap;
}

.lang-picker li.selected {
	font-weight: 900;
	color: #496992;
}
/* breakline for i18n */
brk{
	white-space: pre-line;
}