/*HOME PAGE*/

/*Modify the home page feature area background*/
#home-page .feature-region {
 animation: bgfade 30s infinite;
 width:1230px;
  height: 700px;
      margin-left:10%;
 background-color: black;
   background-position: center !important; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; 
 align-content: center;
   }
/*Modify the account logo in the header*/
/*any header logo uploaded in a catalog will override this option*/
#app-header .logo a {
 
  background-size: 212px 29px;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 20px;
  width: 212px;
  height: 53px;
}
.logo-customized img{

  width:425px;
  height: 125px !important;
}
.logo-customized{
    height: 120px !important;
}

@keyframes bgfade {

0% {

background-image: url(https://i.postimg.cc/sgRB27P1/USC-Web-Banner-USC-900px-x-700px.jpg);
}
12.5% {

background-image: url(https://i.postimg.cc/gJDyyddF/USC-Web-Banner-SAFAD-900px-x-700px.jpg);
}

25% {
background-position: bottom;
background-image: url(https://i.postimg.cc/G3fKXLGd/USC-Web-Banner-SAS-900px-x-700px.jpg);
}
37.5% {
background-position: bottom;
background-image: url(https://i.postimg.cc/hPPr4JnL/USC-Web-Banner-SBE-900px-x-700px.jpg);
}
50% {
background-position: bottom;
background-image: urlhttps://i.postimg.cc/Rh3ZGQf1/USC-Web-Banner-SED-900px-x-700px.jpg);
}
62.5% {
background-position: bottom;
background-image: urlhttps://i.postimg.cc/mZMDcVLR/USC-Web-Banner-SOE-900px-x-700px.jpg);
}
75% {
background-position: bottom;
background-image: url(https://i.postimg.cc/RhzvQ5Sm/USC-Web-Banner-SHCP-900px-x-700px.jpg);
}
87.5% {
background-position: bottom;
background-image: url(https://i.postimg.cc/mg6RpFL8/USC-Web-Banner-SOLG-900px-x-700px.jpg);
}
100% {
background-position: bottom;
background-image: url(https://i.postimg.cc/sgRB27P1/USC-Web-Banner-USC-900px-x-700px.jpg);
}

#home-page .feature-region: before {
content:"";
top:0;
bottom:0;
left:0;
right:0;

opacity:0.3;
}

/*Modify the layout for the contents of the feature area background*/
#home-page #feature div {
  max-width: 900px;
 text-shadow: 2px 2px 5px black;
  padding-top: 48px;
  padding-left: 100px;
  color: #fff;
}