/*MOBILE DEVICES*/

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

#explore_paton{
	color: #ffffff;
}
#mainNav_mobile{
	background-color: #006600;
}
	}


	/*LARGE SCREEN DEVICES*/

	@media screen and (min-width:  900px){



	}


	/*ALL SCREENS DEVICES*/

.announcementCard{
	background-color: silver;
}


.pija_img_ovaley{
	background-color: black;
	color: #ffffff;
}

.home_gallery_container{
	background-color: silver;
}

.home_gallery_container h2{

color: green;
}

.top_studs_yearly{
	background-color: silver;
}

.year_stud_kont:hover{
	background-color: #a3a3c2;
}

.top_studs_yearly h2{
	color: green;
}

#kcse_table  th{
	color: yellow;
}

.dropdown > li a:first-child{
	color: #ffffff;
}

#about_us_dropdown_content > li:hover{
background-color: grey;
}

#about_us_dropdown_content_2 > li: hover{
background-color: grey;
}


#lg_topnav_content_bar{
	background-color: #006600;
}

#lg_topnav_content_bar > li > a{
	color: #ffffff;
}

#lg_topnav_content_bar > li a:hover{
	color: yellow;
	background-color: grey;
}

ul#lg_topnav_content_bar > li:hover{
background-color: grey;
}
#announcement_div{
	    border-color: silver;
}

.collapse{
background-color: #006600;
}

.academics_comm{
	background-color: #b3b3cc; 
}

.academics_comm h5{
	color: #000099;
}

.announcement_card{
	background-color: silver;
}


.other_cards{
  background-color: silver; 
}

.top_student_container:hover{
	background-color: silver; 
}

#overlay_container{
background-color: #ffffff;

}

#overlay_header{
background-color: #ffffff;
}

#overlay_footer{
	background-color: #ffffff;
}

.dropdown-content{
	background-color: #ffffff;
}

.dropdown-content > ul > li > a{
	    color: #000000 ! important;
}

/* Change color of dropdown links on hover */
.dropdown-content > ul > li > a:hover{
    background-color:#f1f1f1;
color: red ! important;

}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn{
background-color: #3e8e41;
}

.js_description{
	background-color: black;
}

.desc_n{
	color: yellow;
}

#k-list a:hover{
	 background-color: black;
}

#announce_container{
	background-color: silver; 
}

.nice-box{
background-color: #808080;

}

.nice-box-header h5{
	color: #ffffff;
}

.nice-box-footer a{
	color: yellow;
}

.other_cards h3{
	color: #006600;
}

.anthem_cards h4{
	color: #006600;
}

.announcement_card h5{
    color: #006600;
}

#collapse_div{
	background-color: #000000;
}

.about_container{
	background-color: silver;
}

.about_container h1{
	color: #006600;
}

.about_container div{
	color: black;
}

.school-cards{
	    background-color: silver;
}

.school-cards h2{
	color: #006600;
}

.school-cards p{
	color: black; 
}

body{
   background-color: #ffffff; 
}

.carousel-caption{
	background-color: black;
}

.sidenav{
	background-color: #000066; /* Black*/
}

 .sidenav a {
 	color: white;
 }

.closebtn{
	color:red;
}

#school_label{
color: #ffff00 ! important;
}

footer{
background-color: #000033;
}

 footer a{
 	color: #ffffff; 
 }