/* BEGIN MOBILE VIEW PORTS */

/*james's recommendation  REMOVE COMMENTS BEFORE GO LIVE!! */
/* NOTE with these queries, sizes are maximum width,
which means that the inheritance goes downwards from desktop to mobile 
This means that styles in, as max-width 1200 will be seen on phones in portrait view
REMOVE COMMENTS BEFORE GO LIVE
*/
@media(max-width:1200px){/*bootstrap's -lg size "desktop" and largest tablet size */
  
}
@media(max-width:992px){/*bootstrap's -md size large tablet size */
  
}
@media(max-width:768px){/*bootstrap's -sm size tablet landscape size, small laptop size */
  
}
@media(max-width:768px){/* bootstrap's -xs size  tablet "portrait size"*/
  
}
@media(max-width:660px){/* "tall phone tweaks in landscape mode" size */
  
}
@media(max-width:479px){/* -xxs size phones portrait size, some tine phones in landscape*/

}

/*END MOBILE VIEW PORTS*/