body{
  margin: 0;
}


/* 1- Estrutura
   2- Fontes e suas características (esquerda)
   2.1 - Fontes e suas características (direita)


*/ 


/* ---------------------------------- */ 

/* 1- Estrutura */  
#colunas-pai{
  /* colunas da tela */
  width:100vw;
  height:100vh;
  display: flex;
  flex-direction: row;
}

#col-left{
  /* colunas esquerda */
  width:40vw;
  height:100vh;
  background-image:url("img-left.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#col-right{
  /* colunas direita */
  width:60vw;
  height:100vh;
  background-color:#f1f1f1;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  
 
}

/* ---------------------------------- */ 

/* 2. Fontes e suas características (esquerda) */

h1 {
  color: #ffffff;
  font-family: 'Lato';
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h2 {
  color: #ffffff;
  font-family: Lato;
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h3 { 
  font-family: Lato;
  display: block;
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: normal;
}
h4 { 
  
  color: #ffffff;
  font-family: Lato;
  display: block;
  text-align: center;
  font-size: 1em;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: normal;
}

h5 { 
  font-family: Lato;
  display: block;
  font-size: .83em;
  margin-top: 1.67em;
  margin-bottom: 1.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: normal;
}

h6 { 
  font-family: Lato;
  display: block;
  font-size: .67em;
  margin-top: 2.33em;
  margin-bottom: 2.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: normal;
}
  /* conteúdo da esquerda (textos) */ 

  #conteudo {
  
    color: #ffffff;
    font-family: Lato;
    display: block;
    text-align: center;
    font-size: 1.1em;
    padding: 20px 20px;
    margin-top: 0.2em;
    margin-bottom: 0.8em;
    margin-left: 0;
    margin-right: 0;
    font-weight: normal;
    margin-left: 0.3em;
    margin-right: 0.3em; 
    

}

#conteudo-2 {
  
  color: #ffffff;
  font-family: Lato;
  display: block;
  text-align: center;
  font-size: 1em;
  margin-top: -0.9em;
  margin-bottom: 0.8em;
  margin-left: 0;
  margin-right: 0;
  font-weight: normal;
  margin-left: -1.0em;
  margin-right: 0.3em; 
  

}

#link_btn_suporte{
}



#link_btn_left{
  color: #ffffff;
}

.btn-left.ui.inverted.button {
  padding: 12px 80px;
}

#logo_left {
 width:200px;
 height:171px;
 background-image:url("logo-branco.png");

}

/* LADO DIREITO */

.form-login {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width:30vw;
    
}

#form-semantic {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; 
}

#text-form { 
 
  color: #989898;
  font-family: Lato;
  display: block;
  text-align: center;
  font-size: 1.3em;
  margin-top: 0.2em;
  margin-bottom: 0.8em;
  margin-left: 0;
  margin-right: 0;
  font-weight: normal;
   
}
#logo_right {
    width:250px;
    height:90px;
    background-image:url("logo-educa.png");
    margin-bottom: 20px;    

}

#dropdown {
  margin-top: 15px;
}

#suporte {

  width:30vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  
}

.suporte .button {
  margin-top: -6px;
}

.ui.divider.divisor {
  margin: 30px 0;
}