body{
  transition: 0s all;
  min-height:100vh;
  margin:0px;
  padding-bottom:0px;
  background-color:#79030d;
  list-style-type:none; 
  margin-bottom:0;
  padding-bottom:0;
  color:black;
}
.Background{
    background-image: linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0, 0.9)),  url("avms202.jpg");
    background-position: center;
    background-repeat: no-repeat; 
    background-size: cover;
    max-height:56%;
    overflow:visible;
}
.Background2{
  background-image: linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0, 0.9)),  url("avms202.jpg");
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover;
  max-height: 12%;
  overflow:visible;
}
.Background3{
  background-image: linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0, 0.9)),  url("avms202.jpg");
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover;
  max-height: 12%;
  overflow:visible;
}
---March 换回原本的颜色rgb251249234-
sus{
  font-size: large; 
  text-align: left;
  }
sus ul {
    width:cover;
    background-color:beige;
    font-size:large;
    display:block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.TuT{
  color:white;
  font-size:large;
  padding-left:10%;
  padding-bottom: 0;
}
.TuT23{
  transition:0s;
  color:white;
  font-size:large;
  margin-top:0;
  line-height:1;
}
.TuT2{
  transition:0s;
  color:white;
  font-size:large;
  padding-left:50px;
  padding-bottom: 0;
  margin-top:0;
  line-height:1;  
}
.TuT2 p{
  margin-top:20px;
  color:white;
  font-size:large;
}
.TuT p{
  padding-right:10%;
  color:white;
  font-size:large;
  line-height:2;
}
.TuT p1{
  white-space:pre;
  color:white;
  font-size:large;
  line-height:1.5;
}
.TuT p2{
  font-weight: 900;
  color:white;
  text-decoration: none;
}
.TuT a{
  font-weight: 900;
  color:white;
  text-decoration: none;
}
sus li {
    float: left;
}

sus li a {
    font-weight: 900;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    display:block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
sus li a:hover:not(.active) {
    background-color: white;
}
sus li active{
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.Get{
  color:white;
  font-size:30px;
  position:center;
  text-align: center;
}
.Get3{
  padding-bottom:0px;
  font-size:large;
  text-align: center;
}
div.BKU{
  position:absolute;
  bottom:0;
  padding-bottom:10px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.467);
  text-align: left;
  padding-top:10px;
}
.why{
  flex-wrap:nowrap;
  padding-left:20px;
  font-size: large;
  color:white;  
  letter-spacing:2px;
}
.WhyK3{
  display:none;
  flex-wrap:nowrap;
  padding-left:20px;
  font-size: large;
  color:white;  
  letter-spacing:2px;
}
.Est{
  margin-top: 10px;
  overflow: hidden;
  text-align:center;
  font-size: large;
  color:white;  
  letter-spacing:2px;
  flex-wrap:nowrap;
  font-family:sans-serif;
}
.Est a{
  color:silver;
  text-decoration: none;
}
.Est a:hover{
  color:white;
  transition:all 0.3s linear;
}
.Est a:not(hover){
  transition:all 0.1s linear;
}
.why2{
  flex-wrap:nowrap;
  padding-left:20px;
  font-size: large;
  color:white;
  letter-spacing:8px;

}
.whyK2{
  display:none;
  flex-wrap:nowrap;
  padding-left:20px;
  font-size: large;
  color:white;
  letter-spacing:8px;
}
.whyK4{
  display:none;
  flex-wrap:nowrap;
  padding-left:20px;
  font-size: large;
  color:white;
}
.fa-facebook {
  color: white;
}
.fa-instagram {
  color: white;
}
.fa-youtube {
  color:white;
}
.cmf{
  background-color: black;
  margin:6px;
  right: 0;
  left:0;
}
ke{
  display: flex;
  flex-wrap: wrap;
}
KH{
  padding-bottom:10px;
  position:absolute;
  bottom:0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.467);
  text-align: left;
  padding-top:10px;
}
.ke{
  display: grid;
  grid-template-columns: 300px 300px 300px auto;
  grid-area: 1;
}
ku{
  display: grid;
  grid-template-columns: auto;
  grid-area: 3;;
}
.why3{
  flex-wrap:nowrap;
  text-indent:5px;
  font-size: large;
  color:white;
}
.why4{
  flex-wrap:nowrap;
  text-indent:5px;
  font-size: large;
  color:white;
}
.textclickable a{
  color:rgba(255, 255, 255, 0.425);
  text-decoration: none;
  transition:.3s;
  text-indent:5px;
}
.textclickable a:hover{
  text-decoration: none;
  padding-left:20px;
  text-decoration: none;
  color:rgb(255, 204, 204);
}

.why3A{
  flex-wrap:nowrap;
  text-indent:5px;
  color:rgba(255, 255, 255, 0.425);
  text-decoration:none;
}
.Why3A a{
  text-decoration: none;
  color:rgba(192, 192, 192, 0.353);
}
.Why3A a:hover{ 
  padding-left:20px;
  text-decoration: none;
  transition:all 0.2s linear;
  color:rgb(255, 204, 204);
}
.Why3A a:not(hover){
  text-decoration: none;
  transition:all 0.1s linear;
}
.why3B{
  flex-wrap:nowrap;
  text-indent:5px;
  font-size: large;
  color:rgba(255, 255, 255, 0.425);
  text-decoration:none;
}
.whyK3B{
  display:none;
  padding-left:14px;
  flex-wrap:nowrap;
  text-indent:5px;
  font-size: large;
  color:rgba(255, 255, 255, 0.425);
  text-decoration:none;
}
.Why3B a{
  text-decoration: none;
  color:rgba(192, 192, 192, 0.353);
}
.Why3B a:hover{ 
  padding-left:20px;
  text-decoration: none;
  transition:all 0.2s linear;
  color:rgb(248, 226, 185);
}
.Why3B a:not(hover){
  text-decoration: none;
  transition:all 0.1s linear;
}
.AVMSSL{
  margin-left:-5px;
  display:grid;
  grid-template-columns: repeat(4,60px);  
}
.AVMSSL a{
  height:50px;
  width:50px;
  background-color: black;
  display:grid;
  align-content:center;
  justify-content: center;
  text-decoration:NONE;
  line-height: 21px;
  font-size:20px;
  border-radius:50%;
}
.AVMSSL a i{
  color:wheat;
}
.AVMSSL a:hover{
  .fa-youtube{
    transform: translate3d(0,0,0);
    color:red;
  }
  .fa-facebook-f{
    transform: translate3d(0,0,0);
    color:black;
  }
  .fa-instagram{
    transform: translate3d(0,0,0);
    color:black;
  }
  transition-delay:2s;  
  transition:0.2s ease-in;
  background-color:white;
  transform:translateY(10px);
}
.AVMSSL a:not(hover){
  transition:0.2s ease-out;
}
.AVMS2024P{
  background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0, 0.2)),  url("avms202.jpg");
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover;
  height: 56%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration:none;
  overflow: visible;
}
.AVMS2024T{
  text-decoration:none;
  color:white;
  font-size:large;
  text-align:center;
  overflow: visible;
}
.bla{
  text-decoration: none;
  overflow: visible;
}
.AVMS2023P{
  background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0, 0.5)),  url("avms2023.jpg");
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover;
  height: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration:none;
}
.AVMS2023T{
  text-decoration:none;
  color:white;
  font-size:large;
  text-align:center;
  white-space:nowrap;
}
.bla23{
  text-decoration: none;
}
.AVMS2022P{
  background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0, 0.7)),  url("avms2022.jpg");
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover;
  height: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration:none;
}
.AVMS2022T{
  text-decoration:none;
  color:white;
  font-size:large;
  text-align:center;
  white-space:nowrap;
}
.bla22{
  text-decoration: none;
}
.AVMS2021P{
  background-image: linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0, 0.9)),  url("avms2021.jpg");
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover;
  height: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration:none;
}
.AVMS2021T{
  text-decoration:none;
  color:white;
  font-size:large;
  text-align:center;
  white-space:nowrap;
}
.bla21{
  text-decoration: none;
}
.Get2{
  color:white;
  font-size:xx-large;
  text-align: center;
}
.AVMS2011P{
  background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0, 0.5)),  url("avms2011.jpg");
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover;
  height: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration:none;
}
.AVMS2011T{
  text-decoration:none;
  color:white;
  font-size:large;
  text-align:center;
  white-space:nowrap;
}
.bla11{
  text-decoration: none;
}

.whyP1{
  padding-left:20px;
  font-size: large;
  color:white;  
  letter-spacing:2px;
  display:none;
  flex-wrap:wrap;
}
.whyP2{
  display:none;
  padding-left:20px;
  font-size: large;
  color:white;
  letter-spacing:8px;
}
.whyP3{
  display:none;
  text-indent: 18px;
  font-size: large;
  color:white;
}
.divider{
  display:none;
}
.container{
  width:100%;
  background-image:linear-gradient(rgba(0,0,0,0.9),rgba(0.0.0.0.9)),url(avms202.jpg);
  background-position:center;
  background-size:cover;
  box-sizing: border-box;
}

.navbar{
  height:12%;
  display:flex;
  align-items: center;
  box-shadow: 0px 2px 5px black;
}
.NH1{
  margin-right:10px;
  margin-left:100px;
  font-size: larger;
  cursor: pointer;
  list-style: none;
  color:black;
  text-decoration:none;
}

.navbar ul li{
  list-style-type:none;
  display: inline-block;
  margin-left:40px;
}
.navbar ul li a{
  font-size: large;
  text-decoration: none;
  color:white;
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.navbar ul li h2{
  font-size: large;
  text-decoration: none;
  color:white;
  font-weight:900px;
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.navbar ul li h2:hover{
  color:aquamarine;
  transition:0.3s;
}
.navbar ul li h2:not(hover){
  transition:.3s;
}
.navbar li:first-child:after{
  content: " | ";
  margin-left:10px;
  margin-right:0px;
  color:white;
  font-size: large;
}
.navbarDarkMode{
  height:12%;
  display:flex;
  align-items: center;
  box-shadow: 0px 2px 5px black;
}
.navbarDarkMode ul li{
  list-style-type:none;
  display: inline-block;
  margin-left:40px;
}
.navbarDarkMode ul li a{
  font-size: large;
  text-decoration: none;
  color:black;
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.navbarDarkMode ul li h2{
  font-size: large;
  text-decoration: none;
  color:black;
  font-weight:900px;
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.navbarDarkMode ul li h2:hover{
  color:aquamarine;
  transition:0.3s;
}
.navbarDarkMode ul li h2:not(hover){
  transition:.3s;
}
.navbarDarkMode li:first-child:after{
  content: " | ";
  margin-left:10px;
  margin-right:0px;
  color:black;
  font-size: large;
}
.NH1:hover{
  cursor: pointer;
  list-style: none;
  color:wheat;
  transition:.3s;
}
.NH1:not(hover){
  cursor: pointer;
  list-style: none;
  transition:.3s;
}
.text-box{
  position:relative;
  padding-left:180px;
  font-size:large;
}
.text-box h1{
  margin-top:-15px;
  font-size: 48px;
  color:aquamarine;
}
.text-box p{
  padding-top:50px;
  font-size:x-large;
  color:white;
}
.text-box a{
  color:white;
  font-size:large;
}
.text-box img{
  float:right;
  padding-left:180px;
}
.text-box2{
  position:relative;
  padding-left:180px;
}
.text-box2 h1{
  margin-top:-15px;
  font-size: 48px;
  color:aquamarine;
}
.text-box2 p{
  padding-top:50px;
  font-size:x-large;
  color:white;
}
.text-box2 a{
  color:white;
  font-size:large;
}

.text-box3{
  padding-top:5%;
  position:relative;
  padding-left:180px;
  padding-bottom:7%;
}
.text-box3 h1{
  font-size: 48px;
  color:aquamarine;
  margin-bottom:20px;
}
.text-box3 p{
  font-size:x-large;
  color:white;
}
.text-box3 a{
  color:white;
  font-size:large;
}
.img-box{
  float:right;
  top:0;
  right:10%;
}
.img-box img{
  width:410px;
  box-shadow: 2px 2px 2px solid #bbb;
}
.img-box2{
  position:absolute;
  top:0;
  right:0;
}
.img-box2 img{
  display:block;
  width:410px;
}
.Regi {
  border-radius: 5px;
  background-color: transparent;
  border: 5px solid rgb(68, 213, 165);
  color: #FFFFFF;
  text-align: center;
  font-size:large;
  width: 150px;
  transition: all 0.5s;
  cursor: pointer;
  padding-top:15px;
  padding-bottom:15px;
  margin-top: 30px;
} 

.Regi span:after {
  content: '\00bb';
  transition:.5s;
  padding-left:6px;
}
.Regi:hover span:after {
  transition:all .3s; 
  padding-left:40px;
}
.Regi:hover{
  background-color:rgb(68, 213, 165);
  transition:.5s;
}
.RegiL {
  border-radius: 5px;
  background-color: transparent;
  border: 5px solid rgb(68, 213, 165);
  color: #FFFFFF;
  text-align: center;
  font-size:large;
  width: 150px;
  transition: all 0.5s;
  cursor: pointer;
  padding-top:15px;
  padding-bottom:15px;
  margin-top: 2%;
  margin-bottom:3%;
} 

.RegiL span:after {
  content: '\00bb';
  transition:.5s;
  padding-left:6px;
}
.RegiL:hover span:after {
  transition:all .3s; 
  padding-left:40px;
}
.RegiL:hover{
  background-color:rgb(68, 213, 165);
  transition:.5s;
}
div.cardMFCY{
  display:flex;
  flex-wrap: wrap;
}
div.cardMFCYc{
  width:400px;
  margin-left:45px;
  margin-bottom:25px;
  transition:.5s;
}
div.cardMFCYc a{
  text-align: center;
  text-decoration: none;
  color:black;
}
div.cardMFCYc:hover{
  box-shadow:0px 0px 8px 0px wheat, 0 6px 20px 0 wheat;
}
.card {
  transition:.5s;
  margin-left:10%;  
  margin-bottom: 10%;
  width: 400px;
  box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.2), 2px 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}
.Pala{
  display: grid;
  grid-template-columns: auto auto auto;
}
.Pala a{
  text-decoration: none;
  color:black;
}
.PalaMF{
  margin:2%;
  display: flex;
  flex-wrap: wrap;
}
.PalaMF a{
  text-decoration: none;
  color:black;
}
.MicroFilmWinner{
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}
.MicroFilmWinner a{
  text-decoration: none;
  color:black;
}
.cardMF {
  margin:20px;
  transition:.5s;
  margin-bottom: 4%;
  width: auto;
  box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.2), 2px 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}
.cardMF:hover{
  transform:translateY(10px);
  box-shadow:0px 0px 8px 0px wheat, 0 6px 20px 0 wheat;
  transition:.3s;
}
.MicroFilmOthers23{
  display: grid;
  grid-template-columns: auto auto auto ;
  justify-content: center;
}
.MicroFilmOthers23 a{
  text-decoration: none;
  color:black;
}
.MicroFilmOthersCard23 {
  margin:20px;
  transition:.5s;
  margin-bottom: 2%;
  width: 425px;
  box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.2), 2px 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: left;
}

.MicroFilmOthersCard23:hover{
  box-shadow:0px 0px 8px 0px wheat, 0 6px 20px 0 wheat;
  transition:.3s;
  transform:translateY(10px);
}
.MicroFilmOthers{
  justify-content: space-evenly;
  display: flex;
  flex-wrap: wrap;
}
.MicroFilmYearCard:hover{
  box-shadow:0px 0px 8px 0px wheat, 0 6px 20px 0 wheat;
  transition:.3s;
  transform:translateY(10px);
}
.MicroFilmOthers a{
  text-decoration: none;
  color:black;
}
.MicroFilmOthersCard {
  transition: .7s;
  margin-left:7px;
  margin-right: 7px;
  transition:.5s;
  margin-bottom: 2%;
  width: 425px;
  box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.2), 2px 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: left;
}

.MicroFilmOthersCard:hover{
  box-shadow:0px 0px 8px 0px wheat, 0 6px 20px 0 wheat;
  transition:.3s;
  transform:translateY(10px);
}
.lbcJ {
  background-color: #FFFFFF;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 5px;
  color:black;
}
.Ndesc {
  display:flex;
  justify-content: space-between;
  align-items:center;
  background-color: #FFFFFF;
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 5px;
}
.card:hover{
  box-shadow:0px 0px 8px 0px rgb(255, 179, 179), 0 6px 20px 0 rgb(255, 182, 182);
  transition:.3s;
}
.Hui{
  user-select: none;
  color:white;
  object-fit: cover;
  width:400px;
  height:226px;
}
.lbc {
  background-color: #FFFFFF;
  padding: 10px;
}
.Bh{
  display:none;
}
.Bk{
  display:inline;
}
.D{
  display:none;
}
.damn a{
  padding-left: 1px;
  padding-right:1px;
  font-size:16px;
  font-weight: 900;
  color:white;
  text-decoration: none;
  text-decoration: none;
}
.damn a.AVOL{
  padding-left:6px;
  color:aquamarine;
}
.damn2 a{
  padding-right:1px;
  font-size:16px;
  color:#bbb;
  font-weight: 900;
  text-decoration: none;
  text-decoration: none;
}
.damn2 a.KOE{
  color: white;
}
.damn a.when{
  color:#bbb;
  padding-left:15px;
  font-weight: 900;
  user-select: none;
}
.damn p1{
  user-select: none;
  padding-left: 15px;
  font-weight:900;
  color:#bbb;
}
.damn2 p1{
  user-select: none;
  padding-left: 15px;
  font-weight:900;
  color:#bbb;
}
.Shadow-Box{
  margin-left:5%;
  margin-right:5%;
  margin-top:2%;
  margin-bottom:2%;
  height:auto;
  width: auto;
  border-radius:10px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background-color: transparent;
  backdrop-filter: blur(5px);
}
.Shadow-Box2{
  margin-left:5%;
  margin-right:5%;
  margin-top:2%;
  margin-bottom:2%;
  height:auto;
  width: auto;
  border-radius:10px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(5px);
}
.S-B1{
  margin-top:0%;
  margin-bottom:0%;
  padding-left: 50px;
  color:aquamarine;
  font-size:25px;
}
.S-B1 h1{
  margin-bottom:1%;
}
.S-B1 p{
  margin-top:0%;
  margin-bottom:2%;
  padding-top:11px;
  color:#ffffff;
  font-size:large;
}
.S-B1 p1{
  font-weight: 900;
  line-height:70px;
  padding-right:50px;
  color:#ffffff;
  font-size:large;
  user-select: none;
}
.S-B1 a.WhenE{
  color:#bbb;
}
.S-B1 a{
  text-indent:1px;
  text-decoration: none;
  color:white;
  font-size:large;
}
.S-B1 a.AVOL{
  padding-left:6px;
  color:aquamarine;
  margin-bottom:1%;
}
.S-B1 .input{
  letter-spacing: 1px;
  font-weight: 500;
  font-size:large;
  color:white;
  padding:20px;
  width: 24%;
  line-height:18px;
  border-radius:10px;
  border:2px solid rgba(255, 255, 255, 0.2);
  background-color:rgba(0, 0, 0, 0.496);
  outline:none;
  margin-bottom:1%;
}
div.MF23{
  padding-left: 50px  ;
}
.S-B1 .inputT{
  overflow: hidden;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  resize: none;
  letter-spacing: 1px;
  font-weight: 500;
  font-size:large;
  color:white;
  padding:20px;
  width: 80%;
  max-width:80%;
  line-height:30px;
  border-radius:10px;
  border:2px solid rgba(255, 255, 255, 0.2);
  background-color:rgba(0, 0, 0, 0.496);
  outline:none;
  margin-bottom:1%;
}
footer.KF{
  position:static;
  background-color:black;
  padding-bottom:10px;
}
.MicroFilmBox {
  display: flex;
  background-color: white;
  flex-wrap: wrap;
  flex-direction: row;
  overflow: hidden;
  margin: 2% 15% 5% 15%;
  border-radius: 10px;
}

.MicroFilmBox div.Video {
  flex:65%;
  width:100%;
  height:100%;
  height:400px;
}
.MicroFilmBox iframe.videoHolder24{
  width:100%;
  height:100%;
  height:400px;
}
div.description {
  flex:35%;
  height: 400px;
  text-align: center; 
}
.MicroFilmBox div h1 {
  margin-top:20%;
  margin-bottom:2%;
}
div.Limit {
  margin: 0% 6% 0% 6%;
}
.MusicVideoBox {
  height:400px;
  display: flex;
  background-color: white;
  flex-wrap: wrap;
  flex-direction: row;
  overflow: hidden;
  margin: 2% 15% 5% 15%;
  border-radius: 10px;
}
.MusicVideoBox div.Video {
  flex:65%;
  width:100%;
  height:100%;
  height:400px;
}
.MusicVideoBox iframe.videoHolder24{
  width:100%;
  height:100%;
  height:400px;
}
.MusicVideoBox div.description {
  flex:35%;
  height: 400px;
  text-align: center; 
}
.MusicVideoBox div h1 {
  margin-top:35%;
  margin-bottom:2%;
}
.MusicVideoBox div.description a {
  margin-bottom:2%;
}
div.Holder h1{
  margin:10px;
  text-align: center;
}
div.description button{
  padding:10px;
  margin:20px;
  border:0.5px solid black;
  background-color: transparent;
  border-radius: 2px;
  width: 125px;
  font-size:large;
  font-weight: 300;
}
div.Holder a4{
  text-decoration: underline;
  transition:all .3s;
}
div.Holder a4:hover{
  color:grey;
}
.Tit{
  padding-left:10%;
  background-color: whitesmoke;
  height: 200px;
}
.Tit h1{
  padding-top:75px;
  vertical-align: center;
  margin:0;
}
footer{
  background-color: black;
  padding:15px 0px 5px 0px;
}
.footer {
  display: flex;
  flex-wrap: wrap;
}
.footer div {
  width: 300px;
  font-size: large;
}
.footer div.AVMSSL {
  margin: 0px;
}
.footer div h1 {
  margin:12px;
  font-size: 20px;
  color:white;
} 
.footer h1.fy {
  margin-left:15px;
  flex-wrap:nowrap;
  color:white;  
  letter-spacing:5px;
}
.footer h1.av{
  margin-left:15px;
  flex-wrap:nowrap;
  color:white;
  letter-spacing:8px;
}
.Optim{
  display:none;
}
a.tfa pth{
  transition:.2s all;
  float:inline-end;
  color:gray;
}
a.tfa pth:hover{
  color:pink;
}
div.amazingactivi {
  display: flex;
  background-color: white;
  flex-wrap: wrap;
  flex-direction: row;
  overflow: hidden;
  margin: 5%;
  border-radius: 10px;
}
.Box0810{
  width: 100%;
  text-wrap:nowrap;
}
.Box0810 a{
  text-decoration: none;
  color:black;
}
.UniversalBox0810 {
  display: flex;
  background-color: white;
  flex-wrap: wrap;
  overflow: hidden;
  margin: 2% 15% 5% 15%;
  border-radius: 10px;
  text-align: center;
}
.UB24D {
  background-color: #FFFFFF;
  padding: 10px;
  text-align: center;
}
.UB24H{
  user-select: none;
  flex:65%;
  color:white;
  object-fit: contain;
  max-height:400px;
}
.UB24H1{
  user-select: none;
  flex:65%;
  color:white;
  object-fit: cover;
  min-height: 400px;
  max-height:400px;
}
.UniversalBox0810 div.description {
  flex:35%;
  height: 400px;
  text-align: center; 
}
@media screen and (max-width:1459px){ 
  .UniversalBox0810 {
    margin: 2% 15% 2% 15%;
    flex-direction:column;
    height:max-content;
  }
  .MicroFilmBox div h1 {
    margin-top:5%;
    margin-bottom:2%;
  }
  .MicroFilmBox div.description a {
    margin-bottom:0%;
  }
  .MicroFilmBox iframe.videoHolder24{
    flex:90%;
  }
  .MicroFilmBox {
    margin: 2% 15% 2% 15%;
    flex-direction:column;
    height:max-content;
  }
  .MicroFilmBox div.Video {
    max-height: 400px;
    flex:0%;
  }
  .MicroFilmBox div.description {
    flex:100%; 
  }
  .MicroFilmBox iframe.description {
    height:600px;
  }
  .MusicVideoBox div h1 {
    margin-top:20%;
    margin-bottom:2%;
  }
  .MusicVideoBox div.description a {
    margin-bottom:0%;
  }
  .MusicVideoBox iframe.videoHolder24{
    flex:90%;
  }
  .MusicVideoBox {
    margin: 2% 15% 2% 15%;
    flex-direction:column;
    height:max-content;
  }
  .MusicVideoBox div.Video {
    flex:0%;
  }
  .MusicVideoBox div.description {
    flex:100%; 
    padding-bottom:30px;
  }
  .MusicVideoBox iframe.description {
    height:600px;
  }
  .MusicVideoBox div h1{
    margin-top:5%;
  }
  .card {
    transition:.5s;
    margin-left:10%;  
    margin-bottom: 10%;
    width: 360px;
    box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.2), 2px 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
}
}
@media screen and (max-width:1261px){

  .MicroFilmOthers23{
    display: grid;
    grid-template-columns: auto auto;
  }
  .lbcJ h3{
    width: auto;
    text-align: center;
  }
  .lbcJ p{
    width: auto;
    text-align: center;
  }
}
@media screen and (max-width:980px) {
  .footer{
    flex-direction: row;
    justify-content: space-around;
  }
  .footer div{
    width:auto;
  }
  .WhyK3B a{
    text-decoration: none;
    color:rgba(192, 192, 192, 0.353);
  }
  .WhyK3B a:hover{ 
    padding-left:20px;
    text-decoration: none;
    transition:all 0.2s linear;
    color:rgb(248, 226, 185);
  }
  .WhyK3B a:not(hover){
    text-decoration: none;
    transition:all 0.1s linear;
  }
  .D{
    display:grid;
  }
  .WhyK3B{
    display:grid;
  }
  .Why3B{
    display:none;
  }
  .AVMSSL-1 a{
    display:inline-block;
    flex-wrap:nowrap;
    height:50px;
    width:50px;
    background-color: black;
    display:grid;
    align-content:center;
    justify-content: center;
    text-decoration:NONE;
    line-height: 40px;
    border-radius:50%;
  }
  .AVMSSL-1 a i{
    color:wheat;
    font-size:20px;
  }
  .AVMSSL-1 a:hover{
    .fa-youtube{
      transform: translate3d(0,0,0);
      color:red;
    }
    .fa-facebook-f{
      transform: translate3d(0,0,0);
      color:black;
    }
    .fa-instagram{
      transform: translate3d(0,0,0);
      color:black;
    }
    transition-delay:2s;  
    transition:0.2s ease-in;
    background-color:white;
    transform:translateY(10px);
  }
  .AVMSSL a:not(hover){
    transition:0.2s ease-out;
  }
  .Why4{
    display:none;
  }
  .Whyk4{
    display: grid;
  }
  .why2{
    display:none;
  }
  .AVMSSL-1{
    display:grid;
  }
  .AVMSSL-1 a{
    display:inline-block;
    display:grid;
  }
  .ke{
    display: grid;
    grid-template-columns: 300px 300px 300px  ;
    grid-area: 1;
  }
  .whyK2{
    display: grid;
  }
}
@media screen and (max-width: 750px){
  .ke{
    display: grid;
    grid-template-columns: 300px 300px ;
    grid-area: 1;
  }
}
@media screen and (max-width: 700px){
  .UniversalBox0810{
    margin: 2% 10% 5% 10%;
  }
  .Optim{
    display:inline;
  }
  .MusicVideoBox {
    margin: 2% 10% 5% 10%;
  }
.MusicVideoBox iframe.videoHolder24{
  width:100%;
  height:100%;
  height:300px;
}
  .MusicVideoBox div.description {
    flex:100%; 
    padding-bottom:10px;
  }
  .MicroFilmBox {
    margin: 2% 10% 5% 10%;
  }
.MicroFilmBox iframe.videoHolder24{
  width:100%;
  height:100%;
  height:300px;
}
  .MicroFilmBox div.description {
    flex:100%; 
    padding-bottom:10px;
  }
  .Get{
    text-align: left;
    margin-left:10%;
  }
  .container{
    display:none;
  }
  .Background2{
    display:none;
  }
}
@media screen and (min-width: 1700px)
{
  .Est{
    font-size:22px;
  }
  .why{
    flex-wrap:nowrap;
    padding-left:20px;
    font-size: 21px;
    color:white;  
    letter-spacing:2px;
  }
  .Why2{
    font-size: 21px;
    color:white;  
  }
  .Why3{
    font-size:21px;
  }
  .Why3A{
    font-size:21px;
  }
  .Why3B{
    font-size:21px;
  }
  .Why4{
    font-size:21px;
  }
  .Background{
    background-image: linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0, 0.9)),  url("avms202.jpg");
    background-position: center;
    background-repeat: no-repeat; 
    background-size: cover;
    max-height:45%;
    overflow:visible;
}
  footer.KF{
    position:static;
    background-color:black;
    padding-bottom:10px;
  }
  .card {
    transition:.5s;
    margin-left:10%;  
    margin-bottom: 10%;
    width: 475px;
    box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.2), 2px 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
  }
  .Background2{
    background-image: linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0, 0.9)),  url("avms202.jpg");
    background-position: center;
    background-repeat: no-repeat; 
    background-size: cover;
    max-height: 10%;
    overflow:visible;
  }
  .navbar ul li h2{
    font-size: x-large;
    text-decoration: none;
    color:white;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  }
  .navbar ul li a{
    font-size: x-large;
    text-decoration: none;
    color:white;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  }
  .navbar{
    height:10%;
  }

}
@media screen and (max-width: 600px)
{
  .damn a.AVOL{
    padding-left:0;
    font-size:19px;
  }
  .damn2 a.when{
    padding-left:0px;
    font-size:22px;
    color:#bbb;
  }
  .damn2 a{
    padding-top:4px;
    padding-left:0px;
    color:#bbb;
  }
  .damn p1.When{
    margin-top:15px;
    padding-top:15px;
    padding-left:0px;
    margin-top:15px;
    color:#bbb;
  }
  .damn2 p1.When{
    margin-top:15px;
    padding-top:15px;
    padding-left:0px;
    margin-top:15px;
    color:#bbb;
  }
  .damn p1{
    margin-top:15px;
    font-size:larger;
    padding-left:0px;
    margin-left:0px;
    white-space: pre;
  }
  .damn2 p1{
    margin-top:15px;
    font-size:larger;
    padding-left:0px;
    margin-left:0px;
    white-space: pre;
  }
  .ke{
    display: grid;
    grid-template-columns: 50px;
    grid-area: 1;
  }
  .Bh{
    display:inline;
  }
  .Bk{
    display:none;
  }
  .text-box2{
    padding-left:13px;
    padding-right:15px;
    text-align: left;
  }
  .text-box2 h1{
    margin-top:25px;
    font-size: 34px;
    color:aquamarine;
    margin-bottom:20px;
  }
  .text-box2 p{
    padding-top:50px;
    font-size:x-large;
    color:white;
  }
  .text-box2 a{
    opacity:1;
    white-space:none;
    line-height: 2;
    color:white;
    font-size:x-large;
  }
  .text-box2 h1{
    white-space:pre;
  }
  .img-box2{
    opacity:0;
  }
  .Regi {
    border-radius: 5px;
    background-color: transparent;
    border: 5px solid rgb(68, 213, 165);
    color: #FFFFFF;
    text-align: center;
    font-size:large;
    width: 150px;
    transition: all 0.5s;
    cursor: pointer;
    padding-bottom:15px;
    margin-top:15px;
    margin-left:0px;
    margin-bottom:15px;
  } 
  .Regi span:after {
    content: '\00bb';
    transition:.5s;
  }
  .img-box{
    opacity:0;
  }
  .text-box{
    padding-left:13px;
    padding-right:13px;
    text-align: left;
  }
  .text-box h1{
    margin-top:25px;
    font-size: 48px;
    color:aquamarine;
  }
  .text-box p{
    padding-top:50px;
    font-size:x-large;
    color:white;
  }
  .text-box a{
    opacity:1;
    white-space:none;
    line-height: 2;
    color:white;
    font-size:x-large;
  }
  .TuT2{
    padding-left:0px;
    font-size:20px;
    text-align: center;
  }
  .MicroFilmOthers23{
    display:flex;
    flex-wrap: wrap;
  }
  .card{
    margin-left:auto;
    margin-right:auto;
    margin-bottom:5%;
  }
  .AVMS2024P{
    height:30%;
  }
  .AVMS2023P{
    height:10%;
  }
  .AVMS2022P{
    height:10%;
  }
  .AVMS2021P{
    background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0, 0.6)),  url("avms2021.jpg");
    height:10%;
  }
  .AVMS2011P{
    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0, 0.5)),  url("avms2011.jpg");
    height:10%;
  }
  .Get2{
    padding-left:20px;
    text-align:left;
  }
  ul{
    font-size:large;
    
}
  .whyP1{
  display:block;
  padding-left:20px;
  font-size: large;
  color:white;  
  letter-spacing:2px;
  flex-wrap:wrap;
}
  .whyP2{
    display:block;
    padding-left:20px;
    font-size: large;
    color:white;  
    letter-spacing:10px;
    flex-wrap:wrap;
}
.whyP3{
  display:block;
  font-size: large;
  color:white;  
  flex-wrap:wrap;
  letter-spacing:1px;
}
 .why{
  display:none;
 }
 .why2{
  display:none;
 }
 .why3{
  display:none;
 }
 ke{
  display:block;
  margin-left:2px;
}

}
@media screen and (min-width: 2400px){
}
@media screen and (min-width:5760px) {
  footer.KF{
    position:absolute;
    background-color:black;
    padding-bottom:10px;
  }
}