/* CSS Document */
.navbar{z-index:10;}
.bg-dark{
	background:rgba(0,0,0,0.5) !important;}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
	text-transform:uppercase;
position:relative;}

.nav-link span{
	color:orange;
	font-size:10px;
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	font-weight:bold;
	transform: rotate(25deg);
/* Legacy vendor prefixes that you probably don't need... */

  /* Safari */
  -webkit-transform: rotate(25deg);

  /* Firefox */
  -moz-transform: rotate(25deg);

  /* IE */
  -ms-transform: rotate(25deg);

  /* Opera */
  -o-transform: rotate(25deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.orange{font-weight:bold;}
@media screen and (max-width: 1280px)

{
#logo img{
	width:300px;
	height:300px;}
}

@media screen and (max-width: 800px)

{
	
h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:14px;}
	
#logo img{width:250px;height:250px;}

#ref{width:300px;}
	
#ref h1{font-size:1.3em;}
	

	
@media screen and (max-width: 640px)

{
	
h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:14px;}
#logo {margin:180px auto 0 auto;}	
#logo img{width:200px;height:200px;}

#ref{width:450px;}
	
#ref h1{font-size:1.3em;}
	
}

	
@media (orientation: landscape) and (max-device-width : 740px)
	
{
	
#ref{
	width:400px;
	top:120px;
	left:30px;
	right:inherit;
	margin:0;}

#logo {
	width:175px;
	height:175px;
	margin:50px 0;
	padding:0;
	right:80px;
	top:30px;}
	
#logo img{
	width:175px;
	height:175px;}
	
#scroll p a img{
	width:120px;
	display:block;
	margin:0 auto;
}
}