body {
      margin: 0 0 0 0;
 }      

 a {
     outline : none;
 }     


#info-container {
        display: block;
        height : auto;
        padding : 0 0 200px 0;
        width : 100%;
}

.login-house-container {
  position: relative;
  font-family: tahoma;
  text-decoration : none;
  text-align: center;
  top : 140px;     
  background-color : #ffffff;
  opacity : 0.9;
  padding : 20px 0 10px 0;
  float : none;
  width : calc(30vw + 150px);
  height: auto;
  font-size : calc(0.5vw + 12px);
  margin : 0 auto 0 auto;
}

.login-house-container:before {
    content: '';
    position: absolute;
    top: -80px; right: 0;
    border-bottom: 80px solid white;
    border-left: calc(15vw + 75px) solid transparent;
    border-right: calc(15vw + 75px) solid transparent;
    width: 0px;
}



.link-button { 
     display: inline-block;
     font-size : calc(0.5vw + 12px);
     background: none;
     border: none;
     color: #0066ff;
     text-decoration: underline;
     cursor: pointer; 
}

.error-bar {
    width : 100%;
    text-align : center;
    color : #c00000;
    margin : 0 0 20px 0;
}


.lock-icon {
    position : relative;
    width : calc(50px + 3vw);
    top : -60px;
}

.bulletin-house-container {
  position: relative;
  font-family: tahoma;
  text-align: center;
  top : 140px;     
  background-color : #ffffff;
  opacity : 0.9;
  padding : 20px 0 20px 0;
  width : calc(30vw + 150px);
  height: auto;
  font-size : calc(0.5vw + 12px);
  margin : 150px auto 0 auto;
}

.bulletin-house-container:before {
    content: '';
    position: absolute;
    top: -80px; right: 0;
    border-bottom: 80px solid white;
    border-left: calc(15vw + 75px) solid transparent;
    border-right: calc(15vw + 75px) solid transparent;
    width: 0px;
}

.login-title {
    position : absolute;
    top : -30px;
    font-size : 25px;
    font-weight : bold;
    text-align : center;
    left : 0;
    right : 0;

}

.login-text {
    text-align : center;
    margin : 0 20px 0 20px;
    position : relative;
    top : -60px;
}

.login-form {
    margin : 0 20px 20px 20px;
    text-align: left;
    background-color : #ffaf30;
    border-style : solid;
    border-color : #ffaf30;
    border-width : 20px 40px 20px 40px;
    border-radius : 5px;
}


.login-form-email, .login-form-name {
  width: 100%;
  margin: 0 0 10px 0;
  font-size : calc(0.5vw + 12px);
}

.login-form-email-text, .login-form-name-text {
  width: 100%;
  display : block;
  margin: 0 0 10px 0;
}



.login-form-submit {
    display : block;
    font-size : calc(0.5vw + 12px);
    position : relative;
    border-radius: 10px;
    width : 110px;
    text-align : center;
    margin: 10px auto 0 auto;
    padding : 5px 0 5px 0;
    background-color : #ff7f00;
    text-decoration: none;
    color: #ffffff;
}

.login-form-submit:hover {
    background-color: #ff5f00;
}


.bulletin-title {
    position : relative;
    top : -40px;
    font-size : 25px;
    font-weight : bold;
}

.bulletin-text {
    margin : 0 20px 0 20px;
    text-align: left;
    background-color : #ffffff;
    color : #000000;
    border-style : ridge;
    border-color : #ffaf30;
    border-width : 5px 5px 5px 5px;
    overflow-x : auto;
    overflow-y : scroll;
    height : 300px;
}


.return-button {
    display : block;
    position : relative;
    font-size: 20px;
    border-radius: 10px;
    width : 110px;
    text-align : center;
    padding : 5px 0 5px 0;
    background-color : #ff7f00;
    text-decoration: none;
    color: #ffffff;
    }

.return-button:hover {
    background-color: #c06030;
}



.back-button {
    display : block;
    position : relative;
    font-size: calc(12px + 0.5vw);
    border-radius: 10px;
    width : 110px;
    text-align : center;
    padding : 5px 0 5px 0;
    background-color : #ff7f00;
    text-decoration: none;
    color: #ffffff;
    margin : 0 auto -10px auto;
    top : -30px;
    }

.back-button:hover {
    background-color: #c06030;
}





.background {
    z-index : -10;
    position: fixed;
    object-fit : cover;
    object-position : 28% 50%;
    width : 100%;
    height : 100%;
    bottom : -30px;
}





.info-text-container {
    position : absolute;
    top : 5px;
    padding : 90px 10px 0 10px;
}

.info-text-container a {
    font-weight : bold;
    opacity : 1.0;
}

.info-text-container p {
    margin : 10px 0 10px 0;
    opacity : 1.0;
}

.rental-launch-button {
    position : absolute;
    border-radius: 10px;
    width : 110px;
    left : -55px;
    margin-left : 50%;
    bottom : 15px;
    padding : 5px 0 5px 0;
    background-color : #ff7f00;
    text-decoration: none;
    color: #ffffff;
    }

.rental-launch-button:hover {
    background-color: #c06030;
}
    
   
.login-option {
    width : 100%;
    margin : 5px auto 5px auto;
}        




@media screen and (max-width : 1000px){
    
    .login-form-email, .login-form-name {
          width: 100%;
     }

     .login-form-email-text, .login-form-name-text {
          width: 100%;
          display : block;
     }
     
     
}



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

    .login-form {
       margin : 0 15px 15px 15px;
       border-width : 20px 15px 20px 15px;
    }
    
    .login-title {
        font-size : 22px;
    }
    
    .login-option {
        width : 100%;
        margin : 8px auto 8px auto;
    }        
     

}

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


.link-button { 
     display: block;
     margin : 0 auto 0 auto;
}


}