﻿

#formLogin, body {
    height: 100%; 
	width: 100%;
}


.loginContent
{
	display: flex;
	height: 100%; 
    width: 100%;

}

.loginItemImage{
  width: 65%;  /* Or whatever */
  /*background: linear-gradient(to right, #F44D36, #ED1C24),url("../images/ramiro-mendes-237525.jpg");*/
  background: linear-gradient(to right, #F44D36, #ED1C24);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  /*background-position: 50% 50%;*/
  color: #ffffff;
  padding-top: 10em;
}

.loginItemForm{

  width: 35%;  /* Or whatever */
  min-width: 320px;
  padding: 8em 2em 3em 2em;
	
}


.btnLogin{
  background: linear-gradient(to right, #F44D36, #ED1C24) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  color: #ffffff !important;
}


.ui.container.center.aligned.titleMobile {
    display:none;
}

.titleMobile h1{
   
   background: linear-gradient(to right, #F44D36, #ED1C24);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#recover .stripe {
    padding: 10em 0px;
    border-radius: 0em;
    margin: 0em;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


header.top {
    width: 100%;
    position: absolute;
    text-align: center;
    padding: 50px 0 10rem 0;
    color: #fff;
    z-index:1;
}

.login {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0 5px;
    border-radius: 0px;
    
}

#segmentrecovery {
        width:297px;
    }


/* Responsive: Portrait tablets and up */
@media screen and (max-width: 768px) {
    .ui.loginItemImage {
        display:none;
    }

    .ui.loginContent {
	    min-height: 100%; 
	    min-width: 100%;

    }

    .ui.loginItemForm {
        width: 100%;  /* Or whatever */
        min-width: 320px;
        padding: 8em 2em 3em 2em;
    }

    .ui.container.center.aligned.titleMobile {
        display:inline;
    }

    #segmentrecovery {
        width:100%;
    }

    #recover {
            position: absolute;
    left: 20px;
    right: 20px;
    }
}