.profile-copyright {
	margin-top:50px;
}

#profile-content {
	max-width:886px;
	margin: 0 auto
}

#profile-column {
	float:left;
}

.profile-text {
	width:350px;
	margin-right:75px
}

#thea-title-pill {
	 float:left;
	 margin-left:280px
}

.slider {
	width: 461px;
  height: 600px;

}
.slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7,.slide8 {
  position: absolute;

}
.slide1 {
  background: url(images/theatrical/img_1.jpg)no-repeat center;
      background-size: cover;
    animation:fade 22s infinite;
-webkit-animation:fade 22s infinite;
  width: 461px;
  height: 309px;
} 
.slide2 {
  background: url(images/theatrical/img_2.jpg)no-repeat center;
      background-size: cover;
    animation:fade2 22s infinite;
-webkit-animation:fade2 22s infinite;
  width: 401px;
  height: 600px;
}
.slide3 {
    background: url(images/theatrical/img_3.jpg)no-repeat center;
      background-size: cover;
    animation:fade3 22s infinite;
-webkit-animation:fade3 22s infinite;
  width: 401px;
  height: 600px;
}
.slide4 {
    background: url(images/theatrical/img_4.jpg)no-repeat center;
      background-size: cover;
    animation:fade4 22s infinite;
-webkit-animation:fade4 22s infinite;
  width: 401px;
  height: 600px;
}
.slide5 {
    background: url(images/theatrical/img_5.jpg)no-repeat center;
      background-size: cover;
    animation:fade5 22s infinite;
-webkit-animation:fade5 22s infinite;
  width: 401px;
  height: 600px;
}
.slide6 {
    background: url(images/theatrical/img_6.jpg)no-repeat center;
      background-size: cover;
    animation:fade6 22s infinite;
-webkit-animation:fade6 22s infinite;
  width: 401px;
  height: 600px;
}
.slide7 {
    background: url(images/theatrical/calif_armwrestle.jpg)no-repeat center;
      background-size: cover;
    animation:fade7 22s infinite;
-webkit-animation:fade7 22s infinite;
  width: 461px;
  height: 461px;
}

.slide8 {
    background: url(images/theatrical/calif_facebook.jpg)no-repeat center;
      background-size: cover;
    animation:fade8 22s infinite;
-webkit-animation:fade8 22s infinite;
  width: 400px;
  height: 600px;
}





@keyframes fade
{
  0%   {opacity:1}
  12.5% {opacity: 0}
  25% { opacity: 0}
  37.5% {opacity: 0}
  50% { opacity: 0}
  62.5% {opacity: 0}
  75% {opacity: 0}
  87.5% {opacity: 0}
  100% { opacity: 1}
}
@keyframes fade2
{
  0%   {opacity:0}
  12.5% {opacity: 1}
  25% { opacity: 0}
  37.5% {opacity: 0}
  50% { opacity: 0}
  62.5% {opacity: 0}
  75% {opacity: 0}
  87.5% {opacity: 0}
  100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
  12.5% {opacity: 0}
  25% { opacity: 1}
  37.5% {opacity: 0}
  50% { opacity: 0}
  62.5% {opacity: 0}
  75% {opacity: 0}
  87.5% {opacity: 0}
  100% { opacity: 0}

}
@keyframes fade4
{
  0%   {opacity:0}
  12.5% {opacity: 0}
  25% { opacity: 0}
  37.5% {opacity: 1}
  50% { opacity: 0}
  62.5% {opacity: 0}
  75% {opacity: 0}
  87.5% {opacity: 0}
  100% { opacity: 0}

}
@keyframes fade5
{
  0%   {opacity:0}
  12.5% {opacity: 0}
  25% { opacity: 0}
  37.5% {opacity: 0}
  50% { opacity: 1}
  62.5% {opacity: 0}
  75% {opacity: 0}
  87.5% {opacity: 0}
  100% { opacity: 0}

}
@keyframes fade6
{
  0%   {opacity:0}
  12.5% {opacity: 0}
  25% { opacity: 0}
  37.5% {opacity: 0}
  50% { opacity: 0}
  62.5% {opacity: 1}
  75% {opacity: 0}
  87.5% {opacity: 0}
  100% { opacity: 0}

}
@keyframes fade7
{
  0%   {opacity:0}
  12.5% {opacity: 0}
  25% { opacity: 0}
  37.5% {opacity: 0}
  50% { opacity: 0}
  62.5% {opacity: 0}
  75% {opacity: 1}
  87.5% {opacity: 0}
  100% { opacity: 0}

}
@keyframes fade8
{
  0%   {opacity:0}
  12.5% {opacity: 0}
  25% { opacity: 0}
  37.5% {opacity: 0}
  50% { opacity: 0}
  62.5% {opacity: 0}
  75% {opacity: 0}
  87.5% {opacity: 1}
  100% { opacity: 0}

}


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



#profile-content {
	max-width:461px;
	margin: 0 auto
}

.profile-text {
	width:460px;
	margin-right:0px;
	margin-bottom:35px;
}

#thea-title-pill {
	 float:none;
	 margin-left:0px
}

}

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



#profile-content {
	max-width:300px;
	margin: 0 auto
}

.profile-text {
	width:300px;
	margin-right:0px
}

.slider {
	width: 300px;
  height: 450px;

}
.slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7,.slide8 {
  position: absolute;
  
}

.slide1 {
  width: 300px;
  height: 201px;
}

.slide2,.slide3,.slide4,.slide5,.slide6 {
  width: 300px;
  height: 449px;
}

.slide7 {
  width: 300px;
  height: 300px;
}

.slide8 {
  width: 300px;
  height: 450px;
}


}