* {
    box-sizing: border-box;
  }

  html {
    background-image: url("../images/yello030.jpg");
  }

  body {
    margin: 0;
    font-family: Arial;
  }
  
#borderImageRepetition {
  border: 1em solid;
  border-image: url("../images/resources/fullkeyborder.svg") 100;
  border-image-repeat: round;
  margin: 1em;
  padding: 0;
  background: linear-gradient(
    90deg, 
    rgba(255,255,255, 0) 0%,
    rgb(251, 240, 7, .25) 40%, 
    rgba(255,255,255, .5) 82.5%);
    rgba(255,255,255, 1) 100%);
}

/* Header - Heroes *************************** */

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

  svg.hero, .slideshow {
      display: none;
  }

  svg.hero-mobile {
      display: inline;
      width: 100%;
      margin: 0 .5em;
      padding: 0;;
  }

  .zero {
      display: inline;
      margin: 0;
      width: 100%;
  }
}

svg.hero {
    margin: 0 .5em;
    margin-top: .5em;
}

.hero-mobile {
    display: none;
}

/* Flex Responsive Grid ********************** */

  .row {
    display: flex;
    flex-wrap: wrap;
    padding: 0 .5em;
    margin: 0 .5em;
  }
  
  .column {
    flex: 50%;
    max-width: 50%;
    padding: 0;
  }
  
  .column img {
    margin-top: 8px;
    vertical-align: middle;
    max-width: 100%;
  }

/* Newspaper Full Width ************************* */

.newspaper{
  column-count: 4;
  padding: 1em;
  text-align: left;
  border-bottom: 1px solid black;
}

#greekStar{fill: #fbf007;}
#takis_mg, #madgreek, #takis {fill: #006EAA;}
#amc{fill: #DA2128;}

/* Newspaper Responsive ************************* */

@media only all and (max-width: 900px) {
  .newspaper{
      column-count: 3;
  }
}

@media only all and (max-width: 600px) {
  .newspaper{
      column-count: 2;
      padding:  .125em;
  }

}

@media only all and (max-width: 480px) {
  .newspaper{
      column-count: 1;
      border: none;
      padding: .125em;
  }
}

/* Slideshow  ********************************* */

ul.slideshow {
	position:relative;
	list-style:none;
	max-width: 95%;
	height:25em;
	overflow:hidden;
  font-size: .9em;
}

ul.slideshow li {
	position:absolute;
	right:0;
}

#slideshow-caption {
	max-width: 95%;
	z-index:500;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;
	z-index:1000;
}

#slideshow-caption p {
    background:rgba(0,0,0,0.75);
    color:#fff;
    border-left: 6px solid #006EAA;
    padding: 10px;
}