/* ----------- iPhone 1-5S and GALAXY S3-S5 ----------- */


/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  #centercontent h1 {font-size:1.25em !important;}
	  #centercontent h2 {font-size:1em !important;}
	  .col3, .col2 {clear:both; float: none; width: 96%; padding: 2%;}
	  .col2 {margin-right: 0 !important;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	#centercontent h1 {font-size:1.25em !important;}
	  #centercontent h2 {font-size:1em !important;}
	  .col3, .col2 {clear:both; float: none; width: 96%; padding: 2%;}
	  .col2 {margin-right: 0 !important;}
}

/* ----------- iPhone 6 ----------- */


/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	  #centercontent h1 {font-size:1.25em !important;}
	  #centercontent h2 {font-size:1em !important;}
	.col3, .col2 {clear:both; float: none; width: 96%; padding: 2%;}
	  .col2 {margin-right: 0 !important;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
	#centercontent h1 {font-size:1.25em !important;}
	  #centercontent h2 {font-size:1em !important;}
	  .col3, .col2 {clear:both; float: none; width: 96%; padding: 2%;}
	  .col2 {margin-right: 0 !important;}
}

/* ----------- iPhone 6+ ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	  #centercontent h1 {font-size:1.25em !important;}
	  #centercontent h2 {font-size:1em !important;}
	.col3, .col2 {clear:both; float: none; width: 96%; padding: 2%;}
	  .col2 {margin-right: 0 !important;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	#centercontent h1 {font-size:1.25em !important;}
	  #centercontent h2 {font-size:1em !important;}
	  .col3, .col2 {clear:both; float: none; width: 96%; padding: 2%;}
	  .col2 {margin-right: 0 !important;}
}

/* ----------- iPad ----------- */
/* Portrait */
@media only screen and (max-width : 1020px) and (min-width : 760px) {
   /* 768 x 1024 and 800 x 600 */
   
}
/* Landscape */
@media only screen and (max-width : 1050px) and (min-width : 1022px) {
   /* 1024 x 768 */
   
}









/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+                  PUT YOU MOBILE OVERRIDE CODE BELOW				                 +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*----------


Screen sizes

PC Size 1920 x 1080 
PC Size 1280 x 1024 (campus lab computers)

ipad size 1024 x 768


-------*/



@media screen and (min-width:1600px)
{
     /*----------------------------------------------
     STANDARD PC LARGE SCREEN 
    --------------------------------------- */
    
   
}


@media screen and (min-width:1400px) and (max-width:1599px)
{
     /*----------------------------------------------
     STANDARD PC SCREEN 
    --------------------------------------- */
    
   
}

@media screen and (min-width:1200px) and (max-width:1399px)
{
     /*----------------------------------------------
     STANDARD PC SCREEN FOR COMPUTER LABS
    --------------------------------------- */
    
   
}

@media screen and (min-width:1000px) and (max-width:1199px)
{
     /*----------------------------------------------
     STANDARD PC SCREEN / iPad in LAND SCAPE
    --------------------------------------- */
    
   
    
}

@media screen and (min-width:800px)  and (max-width:999px)
{
     /*-------------------------------------------
     STANDARD PC SCREEN 
    ---------------------------------------------- */
    
  
}

@media screen and (min-width:700px)  and (max-width:799px)
{
     /*-------------------------------------------
     iPad Portrait PC SCREEN 
    ---------------------------------------------- */
    
   
}



@media screen and (min-width:500px)  and (max-width:699px)
{
       /*-------------------------------------------
     MOBILE / MINI TABLET
    ---------------------------------------------- */
    
    
}


@media screen and (min-width:300px)  and (max-width:499px)
{
    /*-------------------------------------------
     MOBILE 
    ---------------------------------------------- */

}

@media screen and (min-width:0px)  and (max-width:299px)
{
     /*-------------------------------------------
     MOBILE
    ---------------------------------------------- */
}


@media screen and (min-width:0px) and (max-width:699px)
{
    /*---------------------------------------------------------------
		DEFAULT MOBILE STYLES FOR NAVIGATION AND GENERAL PAGE ELEMENTS
	---------------------------------------------------------------*/
  
}



@media screen and (min-width:0px) and (max-width:450px)
{
      /*-------------------------------------------
     MOBILE
    ---------------------------------------------- */
   

}
@media screen and (min-width:500px) and (max-width:699px)
{
    /*---------------------------------------------------------------
    RESET MOBILE STYLES FOR BELOW PAGE FOLD LINKS
    ----------------------------------------------------------------*/
   

}
