/* CSS Document */

/*------------------------------------------
Trident Technical College - Website Header Front Page Layout
version:    5.0
author:		Daniel Vice
email:		daniel.vice@tridenttech.edu
-------------------------------------------*/
/* Sample Attribute Hierachy

.someAttribute {
	/*Position Attributes*/
	/*Size Attributes*/
	/*Color Attributes*/
	/*Formatting Attributes*/
	/*Type Attributes*/
	/*Other Attributes*/


/* Header Layout
-------------------------------------------*/



/* Smallest Screen Size
--------------------------------------------------------------------*/

@media screen and (min-width: 120px) {
	
header {
	height: 100px;
	max-width: 1440px;
}

/* --- Hide Page Elements --- */


.navBar {
	display: none;
}

.searchBox {
	display: none;
}


}

/* Large Phone Vertical Screen Size
--------------------------------------------------------------------*/

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

}


}

/* Large Phone Horizontal Screen Size
--------------------------------------------------------------------*/

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

}

/* --- Reveal Page Elements --- */

.searchBox {
	display: block;	
}

}


/* Tablet Screen Size
--------------------------------------------------------------------*/

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

header {

}

/* --- Hiding Page Elements --- */

.menuButton {
	display: none;
}


/* --- Reveal Page Elements --- */

.navBar {
	display: block;
}


}

/* Small Desktop Screen Size
--------------------------------------------------------------------*/

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

}

}

/* Maximum Screen Size
--------------------------------------------------------------------*/

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

header {

}


}