/* CSS Document */

/*------------------------------------------
Trident Technical College - Website Body  Front Page
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*/


/* Page Layout
-------------------------------------------*/

.content {
	max-width: 1440px;
}


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

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

/* --- Column Layout --- */

.content {
	height: 1180px;
	padding-top: 15px;
}

.photoBack {
	/*Position Attributes*/
	position: fixed;	
	/*Size Attributes*/
	width: 100%;
	max-width: 1440px;
	height: 1080px;
	/*Color Attributes*/
	background: url(https://www.tridenttech.edu/_files/images/headerImages/00homePage/alex/alex414.jpg);
	/*Formatting Attributes*/
	background-position: center center;
	background-position-y: -100px;
	/*Type Attributes*/
	/*Other Attributes*/
	z-index: -20;
}


}

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

@media screen and (min-width: 414px) {
	
.content {
	height: 1060px;
}
	
.photoBack {
	background: url(https://www.tridenttech.edu/_files/images/headerImages/00homePage/alex/alex557.jpg);
	background-position: center center;
	background-position-y: -110px;
}

}


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

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

.content {
	height: 1060px;
}
	
.photoBack {
	background: url(https://www.tridenttech.edu/_files/images/headerImages/00homePage/alex/alex640.jpg);
	background-position: center center;
	background-position-y: -33px;
}

} 


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

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

.content {
	height: 1130px;
}
	
.photoBack {
	height: 1130px;
	background: url(https://www.tridenttech.edu/_files/images/headerImages/00homePage/alex/alex1440.jpg);
	background-position: center center;
	background-position-y: 33px;
}
	
}

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

@media screen and (min-width: 1024px) {
	
/* --- Column Layout --- */

.content {
    height: 1130px;
}

.photoBack {
	height: 1130px;
	background: url(https://www.tridenttech.edu/_files/images/headerImages/00homePage/alex/alex1440.jpg);
	background-position: center center;
	background-position-y: 33px;
}

}

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

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


}