#me_header_wrapper {
  padding: 0px;
  margin: 0px;
  margin: 15px;
  max-width: "80%"; }

.fancy-font {
  font-family: 'Open Sans', sans-serif; }

h1.fancy-font, h2.fancy-font {
  font-size: 4em; }

.mega_size_icon {
  font-size: 250px; }

table {
  width: 100%; }

table input {
  max-width: 90%;
  -webkit-user-select: text;
  /* This is a fix for the iPad 2 freaking out on the form */ }

.section_panel_content {
  margin: auto;
  text-align: center; }

.info_panel {
  display: inline-block;
  vertical-align: top;
  width: 500px;
  padding: 20px;
  border-radius: 2px; }

.info_panel > p,
.info_panel > h1 {
  text-align: left; }

.block_container {
  display: block;
  margin: 30px;
  text-align: center; }

.info_panel > .align-center {
  text-align: center; }

/***********************/
/* section_panel_1 CSS */
/***********************/
#section_panel_1 {
  position: relative;
  width: 100%;
  min-height: 700px;
  background-size: cover;
  margin-top: -100px;
  z-index: 100;
  text-align: left; }

#login_panel {
  display: inline-block;
  min-width: 400px;
  text-align: center;
  background-color: white;
  border-radius: 3px;
  margin-left: 20px; }

#forgot_password {
  color: #0D66B3;
  float: right;
  margin-right: 30px; }

#signup_id {
  color: #0D66B3;
  float: right;
  margin-right: 30px; }

#demo {
  width: 410px;
  font-size: 2em;
  text-align: center; }

#demo:hover {
  background-color: white; }

#demo_link:hover {
  text-decoration: none; }

#slogan {
  position: absolute;
  right: 20px;
  bottom: 80px;
  width: 500px;
  display: inline-block; }

#down_icon_container {
  position: absolute;
  width: 100%;
  bottom: 20px;
  margin: 0px; }

.down_icon {
  font-size: 50px;
  opacity: 0.8; }

.down_icon:hover {
  color: white;
  opacity: 0.8;
  text-decoration: none; }

@media (max-width: 1000px) {
  #slogan {
    display: none; } }
/***********************/
/* section_panel_2 CSS */
/***********************/
#section_panel_2 {
  width: 100%;
  background-color: white; }

/***********************/
/* section_panel_3 CSS */
/***********************/
#section_panel_3 {
  width: 100%;
  height: 544px;
  background: url(/static/homepage/media/devices.jpg) center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.edge_panel {
  margin-right: -5px;
  padding-left: 60px; }

/***********************/
/* section_panel_4 CSS */
/***********************/
#section_panel_4 {
  background-color: #004876; }
  #section_panel_4 .info_panel {
    width: 60%; }

/***********************/
/* section_panel_5 CSS */
/***********************/
#section_panel_5 {
  background-color: white; }

#school_logos_container {
  display: block;
  text-align: center; }

.school_logo {
  margin: 20px 40px; }

#footer_section {
  background-color: white; }

.footer_link,
.footer_link:hover {
  color: #0D66B3; }

/***********************/
/* Media Queries CSS */
/***********************/
@media (max-width: 1000px) {
  .me_button {
    font-size: 1.6em; }

  #section_panel_2 .vertical_spacer6 {
    height: 75%; }
  #section_panel_2 .info_panel h2.fancy-font {
    font-size: 3.5em; }
  #section_panel_2 .info_panel p {
    font-size: 1.1em; }
  #section_panel_2 .info_panel .mega_size_icon {
    font-size: 15em; }

  #section_panel_3 .info_panel h2.fancy-font {
    font-size: 3.5em; }
  #section_panel_3 .info_panel p {
    font-size: 1.1em; }

  #section_panel_4 .info_panel {
    width: 90%; }
    #section_panel_4 .info_panel h2.fancy-font {
      font-size: 3em; } }
@media (min-width: 641px) and (max-width: 767px) {
  #navbar_main_links {
    background-color: white;
    font-size: 1.3em; } }
@media (max-width: 450px) {
  #demo {
    width: auto;
    font-size: 1.65em; } }
@media (max-width: 552px) {
  #section_panel_1 {
    /*min-height: 600px;*/ }
    #section_panel_1 .info_panel {
      width: 100%; }
      #section_panel_1 .info_panel #login_panel {
        min-width: 80%; }
        #section_panel_1 .info_panel #login_panel h1.fancy-font {
          font-size: 3.0em;
          padding: 5% 5% 0% 5%; }
        #section_panel_1 .info_panel #login_panel #id_email {
          font-size: 1.2em !important;
          max-width: 95% !important;
          height: 40% !important; }
        #section_panel_1 .info_panel #login_panel #id_password {
          font-size: 1.2em !important;
          max-width: 95% !important;
          height: 40% !important; }
        #section_panel_1 .info_panel #login_panel .me_button {
          font-size: 1.3em; }
        #section_panel_1 .info_panel #login_panel a {
          font-size: 1.1em; }
        #section_panel_1 .info_panel #login_panel #forgot_password {
          text-align: center;
          float: none;
          margin-right: 0%; }
        #section_panel_1 .info_panel #login_panel #signup_id {
          text-align: center;
          float: none;
          margin-right: 0%; } }
@media (max-width: 640px) {
  #navbar_main_links {
    background-color: white;
    font-size: 1.2em; }

  #section_panel_2 .vertical_spacer6 {
    height: 0%; }
  #section_panel_2 .info_panel {
    width: 80%; }
    #section_panel_2 .info_panel h2.fancy-font {
      font-size: 3.0em; }
    #section_panel_2 .info_panel p {
      font-size: 1.15em; }
    #section_panel_2 .info_panel .block_container {
      margin: 10%; }
      #section_panel_2 .info_panel .block_container .me_button {
        font-size: 1.3em; }
    #section_panel_2 .info_panel .mega_size_icon {
      font-size: 10em; }

  #section_panel_3 .info_panel {
    width: 80%; }
    #section_panel_3 .info_panel h2.fancy-font {
      font-size: 3.0em; }
    #section_panel_3 .info_panel p {
      font-size: 1.15em; }

  #section_panel_4 .info_panel {
    width: 90%; }
    #section_panel_4 .info_panel h2.fancy-font {
      font-size: 2.0em; }
    #section_panel_4 .info_panel .block_container {
      margin: 10%; }
      #section_panel_4 .info_panel .block_container .me_button {
        font-size: 1.3em; }

  #section_panel_5 img {
    max-width: 80%; }
    #section_panel_5 img .school_logo {
      margin: 5%, 10%; }
  #section_panel_5 .block_container {
    margin: 10%; }
    #section_panel_5 .block_container .me_button {
      font-size: 1.3em; }

  #footer_section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    #footer_section .footer_column {
      text-align: center; }
      #footer_section .footer_column h2 {
        font-size: 1.2em; }
      #footer_section .footer_column .footer_link {
        font-size: 1.0em; }
      #footer_section .footer_column img {
        max-width: 175%; }
      #footer_section .footer_column #copyright {
        font-size: 1.0em; }
    #footer_section #social_links {
      padding: 10%; } }
@media (max-width: 767px) {
  .navbar-toggle {
    border-radius: 1.5em; } }

/*# sourceMappingURL=index.scss.css.map */