@media screen and (min-width:320px){
*{
margin:0;
padding:0;
}

#topper img{
width:15%;
height:10%;
display:block;
margin:auto;
}

.over{
margin-left:45%;
}

.Large{
display:grid;
grid-template-columns: repeat(4, 1fr);
} 

#Events i{
margin-right:2.5%;
}

.disclamer{
    font-size:12px;
}
body{
background-color:#FAF7F7;
width:100%;
}
iframe{
background-color:#FAF7F7;
}

nav{
width:100%;
height:5%;
background-color:#221e1f;
position:relative;
}

#topper{
width:100%;
height:auto;
background-color:#221e1f;
}
#Programs p{
font-size:30px;
}

ul{
list-style:none;
display:block;
margin:auto;
}

#videohero{
display:block;
margin:auto;
margin-top:2.5%;
margin-bottom:2.5%;
width:70%;
}

#videohero2{
display:block;
margin:auto;
margin-top:2.5%;
margin-bottom:2.5%;
width:70%;
}

ul li{
display:inline-block;
text-align:center;
margin-left:20px;
font-size:20px;
}

video{
width:100%;
}

nav ul li a{
text-decoration:none;
color:#fff;
font-family:ariel,times,helvitca;
font-size:30px;
padding-left:40px;
}

nav:hover{
height:15%;
transition:all .5s ease-in-out;
}
ul li a:hover{
color:#ffe66e;
transition: all 1s ease-in-out;
}

ul li .unders{
display:none;
position:absolute;
z-index:999;
}

ul li:hover .unders{
display:block;
width:25%;
text-align:left;
padding:0;
}
.space{
height:1.5%;
}
h1{
text-align:center;
text-shadow:.5px .25px #ffe66e;
font-size:55px;
}

h3{
font-size:45px;
}

h4{
font-size:40px;
}
.icons li{
width:10%;
margin-left:80px;
margin-top:1.5%;
}

#contact p{
margin-left:10px;
}

#Spotlight img{
border: solid #000 25px;

}
.fa-tiktok{
font-size:70px;
color:#fff;
}

.fa-instagram{
font-size:70px;
color:#fff;
}

.fa-youtube{
font-size:70px;
color:#fff;
}

.fa-facebook{
font-size:70px;
color:#fff;
}

.fa-linkedin{
font-size:70px;
color:#fff;
}

.fa-tiktok:hover{
text-shadow: 4px 8px #69c9d0;
transition: all .5s ease-in-out;
color:#ee1d52;
}

.fa-instagram:hover{
transition: all .5s ease-in-out;
color:#c32aa3;
}

.fa-youtube:hover{
transition: all .5s ease-in-out;
color:#ff0000;
}

.fa-facebook:hover{
transition: all .5s ease-in-out;
color:#1877f2;
}

.fa-linkedin:hover{
transition: all .5s ease-in-out;
color:#0a66c2;
}
#footer{
background-color:#221e1f;
width:100%;
height:auto;
}

img{
display:block;
margin:auto;
width:50%;
height:25%;
}

h2{
font-size:25px;
text-align:center;
}
#footer p{
color:#fff;
font-size:70%;
margin-left:1%;
}

.fa-envelope{
font-size:60px;
margin-left:1.5%;
}

.fa-phone{
font-size:60px;
margin-left:2%;
}

#AboutUS img{
margin-top:1.5%;
}

.focused{
margin-top:5%;
margin-bottom:5%;
font-size:30px;
}


.holder a{
display:block;
margin:auto;
color:#000;
font-size:50px;
text-align:center;
text-decoration:none;
font-weight:700;
font-family: "Sriracha", serif;
}

.Large{
display:grid;
grid-template-columns: repeat(4, 1fr);
} 

.Large img{
width:100%;
height:175px;
}

.words{
font-family: "Actor", serif;
  font-weight: 400;
  font-style: normal;
font-size:20px;
padding-left:1.5%;
padding-right:1.5%;
}

.tinyfont{
font-size:10px;
}

#Programs a{
display:block;
margin:auto;
color:#000;
font-size:30px;
text-align:center;
text-decoration:none;
width:100%;
}

#footer a{
text-dedcoration:none;
color:#fff;
list-style:none;
margin-left:1%;
}

#contact i{
color:#fff;
padding-right:1%;
}

#contact a{
list-style:none;
text-decoration:none;
padding-right:1%;
font-size:10px;
color:#fff;
}

button{
width:40%;
height:10%;
background-color:#e8d162;
display:block;
margin:auto;
border-radius:100px;
margin-bottom:1.5%;
}

.Top a{
font-size:30px;
list-style:none;
text-decoration:none;
color:#000;
}
.Top i{
color:#000;
font-size:100px;
font-weight:900;
margin:0;
box-shadow:4px 8px #e8d162;
margin-bottom:1.5%;
margin-right:3.5%;
margin-top:1.5%;
}

button a{
font-weight:700;
font-family: "Sriracha", serif;
font-size:50px;
list-style:none;
text-decoration:none;
color:#000;
}
}
@media screen and (min-width:412px){
nav ul li a{
font-size:20px;
padding-left:55px;
}

}
@media screen and (min-width:768px){
h2{
font-size:40px;
}
h3{
font-size:35px;
}
h4{
font-size:27.5px;
}
.focused{
font-size:30px;
}
.tinyfont{
font-size:15px;
}

p{
font-size:30px;
}

#contact a{
font-size:30px;
}

#contact i{
margin-right:.5%;
color:#fff;
}

#contact p{
font-size:30px;
}

p{
font-size:20px;
}
}
@media screen and (min-width:1024px){
img{
height:40%;
}
#topper img{
height:15%;
}
.tinyfont{
font-size:20px;
}

.Large img{
width:80%;
}

nav ul li a{
padding-left:50px;
}

#contact a{
font-size:30px;
}

#contact i{
margin-right:1.5%;
color:#fff;
}

#contact p{
font-size:40px;
}

p{
font-size:30px;
}
}
@media screen and (min-width:1280px){
p{
font-size:30px;
}

nav ul li a{
font-size:32.5px;
margin-left:40px;
}
ul li{
margin-left:15px;
}

.unders li{
margin:0;
}

nav{
height:10%;
}

.tinyfont{
font-size:25px;
}

nav:hover{
height:20%;
}
#footer a{
text-dedcoration:none;
color:#fff;
list-style:none;
margin-left:1%;
}
.icons li{
margin-left:125px;
}

#contact p{
font-size:50px;
}
#contact a{
font-size:50px;
}
#topper img{
height:20%;
}

img{
height:70%;
}

#contact i{
color:#fff;
margin-right:2%;
}
.over{
float:left;
padding-left:1200px;
margin-top:-4%;
}
#Events i{
margin-right:2.5%;
}

}