/* You can type here any CSS code that will be loaded both on your admin and front-end pages.
Let us help you by giving a few exmaple CSS classes: */

/* Front-end sliders & preview */

.ls-container { /* The slider itself */

}



.ls-slide { 

}

.ls-slide a:hover {
	color: blue;
	text-decoration: underline;
}

.ls-slide #yourID {

}

.ls-slide .ls-l {
 visibility:visible;

}

/* Side color of 3D objects */
.ls-3d-box div { background: #777;

 visibility: initial;}





@media screen and (min-width: 320px) and (max-width: 480px){
.year-badge {
  width: 100%;
  margin-left: 64px!important;
  position: absolute!important;
  top: -22px!important;
}
	
.ls-yourlogo {
  display: block;
  position: absolute;
  top: 70px!important;
  left: 9px!important;
}

}

@media screen and (min-width: 480px) and (max-width: 667px) {
.year-badge {
  width: 100%;
  margin-left: 90%!important;
  position: absolute!important;
  top: -30px!important;
}

..ls-yourlogo {
  left: 2% !important;
  position: absolute;
  top: 74% !important;
}
}


@media screen and (min-width: 680px) and (max-width: 736px) {
.year-badge {
  width: 100%;
  margin-left: 90%!important;
  position: absolute!important;
  top: -30px!important;
}



}


@media screen and (min-width: 768px) and (max-width: 1024px){
.year-badge {
  bottom: 0 !important;
  left: 0;
  margin-left: 130px;
  position: relative !important;
  right: 0;
  top: -42px!important;
}

.ls-yourlogo {
  left: 2% !important;
  position: absolute;
  top: 160px !important;
}

}




@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
.year-badge {
  bottom: 0 !important;
  left: 0;
  margin-left: 100%;
  position: relative !important;
  right: 0;
  top: -30px !important;
}
.header-links .header-link .link {
  padding: 5px!important;
  
}
	
.ls-yourlogo {
  left: 19% !important;
  position: absolute!important;
  top: 222px !important;
}
}