@charset "UTF-8";
/* CSS Document */

/************************************************************** viewport >1201 **************************************************************/
@media only screen and (min-width: 1201px) {
.wrapper {width:1180px; margin:0 auto; }
.container {width:100%;}

.colheight {height:100%!important;}
.colPadding {margin-top:70px;}
	
.bg-main {background-position: 35% bottom; position:fixed;top:0;right:0;left:0;}	
	
}



/************************************************************** viewport 980 to 1200 **************************************************************/
@media only screen and (min-width: 980px) and (max-width:1200px) {
.wrapper {width:980px; margin:0 auto;}
.container {width:100%}

.colheight {height:100%}
.colPadding {margin-top:70px;}
	
.bg-main {background-position: 20% bottom; position:fixed;top:0;right:0;left:0;}	
	
}



/************************************************************** viewport 980 to 992 - ac **************************************************************/
@media only screen and (min-width: 980px) and (max-width:991px) {

.colheight {height:400px!important;}
.bg-main {background-position: left 50%  !important; position: relative}
    
    
}



/************************************************************** viewport 941 to 979 **************************************************************/
@media only screen and (min-width: 941px) and (max-width: 979px) {
.wrapper {width:100%;}
.container {width:100%}

.colheight {height:750px;}
.colPadding {margin-top:70px;}
	
.bg-main {background-position: 20% 30%}
.bg-overlay {opacity:.4}
#registerDetails h1 {font-size:1.8em}
#registerDetails p {font-size: 1.1em}


}



/************************************************************** viewport 768 to 940 **************************************************************/
@media only screen and (min-width: 768px) and (max-width: 940px) {
.wrapper {width:100%;}
.container {width:100%}

.colheight {height:750px;}
.colPadding {margin-top:70px;}
	
.bg-main {background-position: center center}
.bg-overlay {opacity:.4}
#registerDetails h1 {font-size:1.8em}
#registerDetails p {font-size: 1.1em}
    
.buttonAdjust {text-align: center}

}
	
	

/************************************************************** viewport 480 to 767 **************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper {width:100%;}	
.colheight {height:650px;}
.colPadding {margin-top:70px;}

.bg-main {background-position: center center}
.bg-overlay {opacity:.4}
#registerDetails h1 {font-size:1.8em}
#registerDetails p {font-size: 1.1em}
    

.buttonAdjust > button {width:100%}

}



/************************************************************** viewport 321 to 479 **************************************************************/
@media only screen and (min-width: 321px) and (max-width: 479px) {
.wrapper {width:100%;}
.colheight {height:600px;}
.colPadding {margin-top:40px;}
h1 {font-size:1.3em}
	
.bg-main {background-position: center center}
.bg-overlay {opacity:.4}
#registerDetails h1 {font-size:1.8em}
#registerDetails p {font-size: 1.1em}
    
.buttonAdjust > button {width:100%}

}


/************************************************************** viewport <320 **************************************************************/

@media only screen and (max-width: 320px) {
.wrapper {width:100%}
.colheight {height:600px;}
.colPadding {margin-top:30px;}
	
h1 {font-size:1.3em}
	
.bg-main {background-position: center center}
.bg-overlay {opacity:.4}
#registerDetails h1 {font-size:1.8em}
#registerDetails p {font-size: 1.1em}
    
.buttonAdjust > button {width:100%}

}