@charset "utf-8";
/* CSS Document */

@media (min-width: 1200px){
  .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{
    margin-right: 160px!important;
    margin-left:0;
  }

.first {
	background-color: rgba(152, 202, 75, 0.6);
	width: 150px;
}
.second {
	background-color: rgba(152, 202, 75, 0.6);
	width: 180px;
}

.third{
	   background-color: rgba(0, 0, 33, 0.5);
	width: 150px;
}
}
.flags{
	background-color:transparent!important;
	width: 200px;
	-webkit-border-radius:0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {

 nav[role="navigation"] {
	     position: relative;
  
    top: -440px;
}
 
  
.first {
	background-color: rgba(152, 202, 75, 0.6);
	width: 180px;
}
.second {
	background-color: rgba(152, 202, 75, 0.6);
	width: 180px;
}

.third{
	   background-color: rgba(0, 0, 33, 0.5);
	width:180px;
}


}
@media screen and (min-width: 768px) and (max-width:992px)  {

 nav[role="navigation"] {
    position: relative;
    left: -20px;
    top: -540px;
}




.first {
	background-color: rgba(152, 202, 75, 0.6);
	width: 110px;
}
.second {
	background-color: rgba(152, 202, 75, 0.6);
	width: 120px;
}

.third{
	   background-color: rgba(0, 0, 33, 0.5);
	width: 120px;
}


}
  


@media screen and (max-width: 992px) {

 .first {
	background-color: rgba(152, 202, 75, 0.6);
	width: 130px;
}
.second {
	background-color: rgba(152, 202, 75, 0.6);
	width: 130px;
}

.third{
	   background-color: rgba(0, 0, 33, 0.5);
	width: 130px;

}


}


@media screen and (max-width: 768px) {

 .first {
	background-color:transparent;
	width: 270px;
	
}
.second {
	background-color:transparent;
		width: 270px;
}

.third{
	 background-color:transparent;
	 	width: 270px;

}


}