.fling-minislide {
  width: 100%;
    height: 405px;
  overflow: hidden;
  position: relative;
  box-shadow: 5px 0 20px 10px rgba(0, 0, 0, .55);
}

.fling-minislide div {
  position: absolute;
  animation: fling-minislide 20s infinite;
  opacity: 0;
  width: 100%;
  height: 405px;
}

@keyframes fling-minislide {
  25% {
    opacity: 1;
  }

  40% {
    opacity: 0.15;
  }
}

.slide1, .slide2, .slide3, .slide4 {
  background-size: cover;
  background-position: center;
}

.slide1 {
  background-image: url(images/carousel/SongYuanBanner11.jpg);
}

.slide2 {
  background-image: url(images/carousel/SongYuanBanner12.jpg);
}

.slide3 {
  background-image: url(images/carousel/SongYuanBanner17.jpg);
}

.slide4 {
  background-image: url(images/carousel/SongYuanBanner4.jpg);
}

.fling-minislide div:nth-child(4) {
  animation-delay: 0s;
}

.fling-minislide div:nth-child(3) {
  animation-delay: 5s;
}

.fling-minislide div:nth-child(2) {
  animation-delay: 10s;
}

.fling-minislide div:nth-child(1) {
  animation-delay: 15s;
}

.missioncontainer, .otherannouncementscontainer {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 55px 75px 55px 75px;
}

.missionimage {
  width: 25%;
  background-image: url(images/ZhuanZi.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.missioncontainercopy {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 70%;
}

.welcomecopy {
  width: 100%;
}

.missioncopy {
  width: 100%;
  margin-top: 10px;
}

.latest {
  display: flex;
  flex-direction: column;
}

.latesttitle {
  width: 100%;
  padding: 0 75px 0 75px;
}

.latesttitle h1 {
  margin-bottom: 0;
  border-bottom-width: 0;
}

#announcementstablettitle {
  display: none;
}

.homelatest {
  height: auto;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  width: 100%;
}

 .homelatestcopycontainer, .homelatest .announcementsbutton a {
  color: antiquewhite;
}

.homelatestcopycontainer {
  width: 100%;
  /* width: 60%; */
  padding: 50px 75px 50px 75px;
}


/*.latestphoto {
  width: 30%;
  height: 0;
  margin: 50px 75px 50px 0;
  padding-bottom: 30%;
  background-image: url(images/circles/circles.png);
  background-size: cover;
  background-position: center;
}*/

/* Tablet -------*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .missioncontainer, .otherannouncementscontainer, .homelatestcopycontainer {
    flex-direction: row-reverse;
    padding: 65px;
  }
    
    .latesttitle {
        padding-left: 65px;
    }

  .missionimage {
    background-size: contain;
    background-position: center;
  }

  .missioncontainercopy {
    width: 60%;
  }

  .welcomecopy {
    width: 100%;
  }

  .homelatest {
    flex-direction: row;
  }

  .homelatestcopycontainer {
    width: 90%;
    /* width: 65%; */
  }

 /* .latestphoto {
    width: 25%;
    padding-bottom: 25%;
    height: 0;
  }*/

  .latesttitle h4 {
    display: none;
  }

  .headline1 {
    padding: 50px 50px 25px 50px;
    width: 100%;
  }
}

/* Smartphones (portrait and landscape) ------- */
@media screen and (min-width: 120px) and (max-width: 780px) {
  .fling-minislide, .fling-minislide div {
    height: 200px;
      background-size: cover;
  }

  .slide1, .slide2, .slide3, .slide4 {
    background-size: contain;
  }

  .missioncontainer, .otherannouncementscontainer {
    padding: 35px 35px 0 35px;
    flex-direction: column-reverse;
  }

  .missionimage {
    width: 100%;
    height: 150px;
    margin-bottom: 50px;
  }

  .missioncontainercopy {
    width: 100%;
  }

  .welcomecopy {
    padding-bottom: 25px;
  }

  .welcomecopy, .missioncopy, .SYjournalcopy {
    width: auto;
  }

  .missioncontainer, .SYjournal, .homelatest {
    flex-direction: column;
  }

  .latesttitle {
    padding: 0 35px 0 35px;
  }

  .homelatest {
    flex-direction: column-reverse;
  }

 /* .latestphoto {
    width: 70%;
    padding-bottom: 70%;
    height: 0;
    margin: 35px auto -5px auto;
  }*/

  .headline1, .homelatestcopycontainer {
    padding: 35px 35px 35px 35px;
    width: auto;
  }

  .missionimage, .missioncopy, .latest1, .otherlatest, .purchasecolumn, .renewcolumn {
    width: auto;
  }
}