*
{   font-family: 'Nunito', sans-serif;
    margin:0;
    padding:0;
    box-sizing:border-box;
  }
  .container{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    height: 100vh;
    width: 100%; 
  }
  .left{  
    flex-basis:40%;   
  }
  
  .left .img{
    display:flex; 
    height: 100vh; 
    width: 90%;
      background-size: contain;
    background-repeat:no-repeat;
    background-position: left; 
  }
  .right{  
    display:flex; 
    flex-basis:85%;     
    height: 100vh;
    background: #fff; 
    flex-direction:column;  
    justify-content:center; 
    align-items:center;
    
  }

  .right{  
    display:flex; 
    flex-basis:60%;     
    height: 100vh;
    background: #fff; 
    flex-direction:column;  
    justify-content:center; 
    align-items:center;
    
  }
  .right .form{
    display:flex;
    max-width:100%;
    flex-direction: column; 
    margin-bottom: 40%;
  }
  
  
  .right h2{
    font-size:30px;
    font-family: "Gill Sans", sans-serif;
    margin-bottom:5px;
  }
  .right .form input{     
    margin-top: 10px;
    margin-bottom: 5px;
    padding:5px;
    color:#333;
    font-size:20px;
    width: 250px;
    font-family: sans-serif;
    border: none;
    border-bottom:2px solid #28BE8A; 
  } 
  
  
  .right .form p{ 
    display:flex;
    margin-top: 20px; 
    margin-bottom: 30px; 
    align-self:flex-end; 
    font-family: "Gill Sans", sans-serif;
    font-size:12px;
  }

  .right .form .text-danger{ 
    color:red;
  }

  .right .form .forgot-register{ 
    display: flex;
    flex-direction: row;
    width: 100%;
  }

  .right .form .register{ 
    width:50%;
    float: right;
    margin-left: 5px;

  }

  .right .form .forgot{ 
    width:50%;
    float: left;

  }

  .right .form p a{
    color:#333;
    text-decoration:none;
  } 
  .right .form button{ 
    padding:12px 20px;
    width: 250px;
    border:0;
    background: #28BE8A; 
    border-radius: 50px;
    color:#fff;
    font-family: sans-serif;
    font-weight:700;
    letter-spacing: 2px;
    cursor:pointer;
  }
  
  
  @media screen and (max-width: 950px) {
    .left{  
      flex-basis:0%;
    }
    .right{    
      flex-basis:100%;   
    
    }













    #highlighted {
      position: relative;
      background-color: #DC143C;
  }
  
  .h1, h1 {
      font-size: 54.93px;
  }
  .h1, h1, h2, h3, h4, h5, h6 {
      font-family: Verlag,museo-sans,'Helvetica Neue',Helvetica,Arial,sans-serif;
      color: #414141;
  }
  .h1, body, h1, h2, h3, h4, h5, h6, html {
      font-weight: 300;
  }
  #content {
      background-position: right bottom;
      background-repeat: no-repeat;
  }
  .interior-page {
      background-color: #FFF;
      padding-bottom: 30px;
  }
  #highlighted+#content.interior-page .interior-page-nav {
      margin-top: -4em;
  }
  #highlighted+#content.interior-page .interior-page-nav, .interior-page .interior-page-nav {
      padding-left: 0;
  }
  .sidebar {
      margin-top: 2em;
  }
  
  .content-area-right {
      max-width: 1200px;
      padding-right: 15px;
      padding-left: 15px;
  }
  .container-fluid>.row h2.crumb-title {
      margin-bottom: 0;
  }
  .page-title {
      min-height: 50px;
  }
  .page-title, ul {
      margin: 0;
      list-style: none;
  }
  .content-crumb-div {
      margin: 5px 0 20px;
  }
  a {
      text-decoration: none;
  }
  .container-fluid .row .modal, .page .modal {
      position: fixed;
      top: 35%;
  }
  #highlighted+#content.interior-page .interior-page-nav, .interior-page .interior-page-nav {
      padding-left: 0;
  }
  #highlighted+#content.interior-page .interior-page-nav {
      margin-top: -4em;
  }
  .dynamicDiv.panel-group {
      border: 1px solid #E7E9E9;
      margin-left: 30px;
  }
  .panel-group {
      margin-bottom: 0;
      background-color: #fff;
  }
  .panel-group .panel {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      border: none;
      box-shadow: none;
  }
  .panel-group .panel-heading {
      padding: 0;
      border: none;
  }
  .panel-default>.panel-heading {
      color: #333;
      background-color: #f5f5f5;
      border-color: #ddd;
  }
  .panel-group .panel-heading .panel-title {
      font-size: 1.1em;
      font-family: Verlag,museo-sans,'Helvetica Neue',Helvetica,Arial,sans-serif;
  }
  .interior-page-nav .panel-group .panel-heading .panel-title a {
      background: 0 0;
  }
  .panel-group .panel-heading .panel-title a {
      display: block;
      padding: 15px 45px 15px 15px;
      background: url(/resources/images/misc/icon_accordion-open.png) 95% center no-repeat #f6f6f6;
  }
  span.subMenuHighlight, ul.panel-heading li.panel-title a:hover {
      color: #ED3C95;
  }
  .panel-group .panel-heading .panel-title {
      font-size: 1.1em;
      font-family: Verlag,museo-sans,'Helvetica Neue',Helvetica,Arial,sans-serif;
  }
  ul.panel-heading {
      margin-bottom: 1px;
  }
  .panel-group .panel-heading .panel-title a {
      display: block;
      padding: 15px 45px 15px 15px;
      background: url(/resources/images/misc/icon_accordion-open.png) 95% center no-repeat #f6f6f6;
  }
  .panel-group {
      margin-bottom: 0;
      background-color: #fff;
  }
  .label-default {
      background-color: #FFF;
      margin-top: 10px;
  }
  label {
      display: inline-block;
      margin-bottom: 5px;
      font-weight: 700;
  }
  .form-control {
      border-radius: 0;
  }
  .btn-primary {
      color: #fff;
      background-color: #DC143C;
      border-color: #ea3e10;
      width: 100%;
  }
  .btn-block {
      display: block;
  }
  .btn {
      padding: 8px 28px;
      font-weight: 400;
      
      
      white-space: normal;
      border-width: 0 0 1px;
  }
  .content-area-right {
     margin-top: 10px;
  }

    
  }