/******************************************************************
Stylesheet: Additional Media Query Stylesheet
******************************************************************/

/*## LARGE VIEWING SIZE #################################################################################################################### */

@media only screen and (min-width: 1240px) {
/******************************************************************
Stylesheet: Super Large Monitor Stylesheet
******************************************************************/


} /* END LARGE VIEWING SIZE */



/*## MD break point SIZE #################################################################################################################### */
@media only screen and (min-width: 992px) {

#menu-footer {
  text-align: right;
}

.copyright {
  text-align: left;
}


}/*END 992*/


/* ## RETINA (2x RESOLUTION DEVICES) ######################################################################################################## */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
/******************************************************************
Stylesheet: Retina Screens & Devices Stylesheet
******************************************************************/
/*
EXAMPLE
Let's say you have an image and you need to make sure it looks ok
on retina screens. Let's say we have an icon which dimension are
24px x 24px. In your regular stylesheets, it would look something
like this:
.icon {
width: 24px;
height: 24px;
background: url(img/test.png) no-repeat;
}
For retina screens, we have to make some adjustments, so that image
doesn't look blurry. So, taking into account the image above and the
dimensions, this is what we would put in our retina stylesheet:
.icon {
background: url(img/test@2x.png) no-repeat;
background-size: 24px 24px;
}
So, you would create the same icon, but at double the resolution, meaning
it would be 48px x 48px. You'd name it the same, but with a @2x at the end
(this is pretty standard practice). Set the background image so it matches
the original dimensions and you are good to go.
*/



} /* END RETINA (2x RESOLUTION DEVICES) 