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

/*###################################################
# MEDIA QUERIES STYLESHEET                          #
###################################################*/

/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
  
  /* Styles */
  
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
  
  /* Styles */
  
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
  
  /* Styles */
  
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
  
  /* Styles */
  
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
  
  /* Styles */
  
}

/* iPad (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
  
  /* Styles */
  
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
  
  /* Styles */
  
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
  
  /* Styles */
  
}

/* Retina Displays ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
  
  /* Styles */
  
  div#main_header_wrapper {
    background: #e7e7e7 url(/images/interface/header_bg@2x.jpg) repeat 0 0;
    background-size: 100px 100px;
  }
  
  div#brochure_request.region {
    background: #717171 url(/images/interface/brochure_request_bg@2x.jpg) repeat 0 0;
    background-size: 100px 100px;
  }
  
  /*-- Main Logo --*/
  
  header#main_header h1#minardcapital_logo_main a {
    background: url(/images/interface/minardcapital_main_sprite@2x.png) no-repeat 0 0;
    background-size: 940px 400px;
  }
  
  header#main_header h1#minardcapital_logo_main a:hover {
    opacity: 0.6;
  }
  
  /*-- Minard Capital Creed Button --*/
  
  a#open_mcc {
    background: #313131 url(/images/interface/ny_skyline@2x.png) no-repeat 50% 50%;
    background-size: 330px 124px;
  }

  a#open_mcc:hover {
    background: #313131 url(/images/interface/ny_skyline@2x.png) no-repeat 50% 50%;
    background-size: 330px 124px;
  }
  
  /*-- HedgeWorld Button Photo --*/
  
  a#hedgeworld_talk {
    background: #db6628 url(/images/interface/hedgeworld@2x.png) no-repeat 50% 50%;
    background-size: 330px 124px;
  }

  a#hedgeworld_talk:hover {
    background: #db6628 url(/images/interface/hedgeworld@2x.png) no-repeat 50% 50%;
    background-size: 330px 124px;
  }

  /*-- SEI White Paper --*/
  
  a#sei_white_paper {
    background: #db6628 url(/images/interface/sei_white_paper@2x.png) no-repeat 50% 50%;
    background-size: 330px 124px;
  }

  a#sei_white_paper:hover {
    background: #db6628 url(/images/interface/sei_white_paper@2x.png) no-repeat 50% 50%;
    background-size: 330px 124px;
  }
  
  /*-- TEDxMarin CTA Logo --*/
  div.ctas a#tedxmarin_cta {
    background: #000 url(/images/interface/minard-ted@2x.jpg) no-repeat 0 0;
    background-size: 280px 104px;
  }
  
  /*-- TEDxMarin Logo --*/
  h3#tedx_logo a {
    background: url(/images/interface/minardcapital_main_sprite@2x.png) no-repeat 0 -198px;
    background-size: 940px 400px;
  }
  
}