/**
* @css stylesheet
* Responsive CSS for the Academic Integrity website, October, 2014
*/
/******************************
* Misc responsive
******************************/

  #branding, .region-header {
    text-align:left !important;
  }


@media only screen and (min-width: 1025px) {
  .container {
    max-width:1015px;
  }

  .two-sidebars .content-inner {
    margin-left: 24.5%;
    margin-right: 23%;
  }
  .sidebar-first .content-inner {
    margin-left:24.5%;
  }

  .region-sidebar-first {
    width: 24.5%;
    margin-left: -100%;
  }

  .region-sidebar-second {
    width: 23%;
    margin-left: -23%;
    clear: none;
  }

}

@media only screen and (max-width: 1024px) and (min-width: 925px) {
  #branding, .region-header {
    padding: 45px 25px 48px 0;
  }
}

@media only screen and (max-width:990px) {

  .region-header {
    width:100%;
    padding-top:0;
    padding-bottom:48px;
  }
  #branding {
    padding-bottom:0;
  }
  .region-header .block {
    overflow:visible;
  }
  #block-search-form {
    margin-left:2em;
    float:left;
    clear:none;
  }
  .region-header .block.mit-link {
    float:right;
    margin-top:-60px;
  }
}

@media only screen and (max-width:655px) {
  #branding, .region-header {
    text-align:left;
  }
  #logo img {
    max-width:none;
  }
  #branding #site-name {
    margin-top:5px;
  }
}

@media only screen and (max-width:500px) {
  #branding, .region-header {
    text-align:left;
  }
  .region-header .block.mit-link {
    clear:both;
    float:left;
    margin-top:0;
  }
  .sn-medium #site-name,
  #branding #site-name {
    font-size:2.5em;
  }
  #branding #site-slogan {
    font-size:1.6em;
  }
  #block-search-form {
    margin-left:0;
  }

  #block-menu-menu-handbook-tutorial-menu li a {
    padding:10px 40px;
  }
  #block-system-main h1.article-title {
    font-size:1.5em;
  }
  #block-system-main h3 {
    font-size:1.2em;
  }

}

/******************************
* Phone
******************************/
@media only screen and (max-width:320px) {

  .region-header .block.mit-link {
    clear:both;
    margin-top:0;
  }
  #branding, .region-header {
    text-align:left;
  }
  #page {
    min-width:270px;
  }
  #block-menu-menu-handbook-tutorial-menu li a {
    padding:10px 30px;
  }
  .region-sidebar-first,
  .region-sidebar-second {
    float:left;
    margin:15px 10px 0 10px;
    width:93%;
  }
  .region-sidebar-second {
    width:83%;
  }
  .region-sidebar-second .block {
    margin-bottom:0;
  }

}