2ETabloid.css

@-webkit-keyframes example {
    0%   {color: red;}
    25%  {color: yellow;}
    50%  {color: blue;}
    75% {color: green;}
    100% {color: red;}
}

/* Standard syntax */
@keyframes example {
    0%   {color: red;}
    25%  {color: yellow;}
    50%  {color: blue;}
    75% {color: green;}
    100% {color: red;}
}

#overlayText {
    width: 100px;
    height: 100px;
    color: red;
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-weight: 900;
    font-size: 600%;
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: 4s;
	  position:absolute;
	  z-index:12;
	  top:30%;
	  left:0;
	  width:100%;
	  text-align:center;
}


.tales {
  width: 100%;
}
.carousel-inner{
  width:100%;
  margin-top: 90px;
  position: relative;
  max-height: 700px;
  z-index: 10;
}
.carousel-inner > .item > img {
    margin: 0 auto;
}

body {
  padding-bottom: 40px;
  color: #5a5a5a;
}

.overlay { 
  color:#fff;
  position:absolute;
  z-index:12;
  top:30%;
  left:0;
  width:20%;
  margin-left: 760px;
  text-align:center;
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
    margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }
}

#issueDiv {
	width: 20%;
 	margin-left: 760px;
  text-align:center;
  display: table;
}

.Issues {
	font-size: 3em;
	background: none;
	border: none;
	display: ;
}


.modal-dialog,
.modal-content {
    /* 80% of window height */
    height: 100%;
    margin-left: 167px;
    width: 80%;
}
.modal-body {
	width: 100%;
	height: 87%;
}