@font-face {
    font-family: "Cairo-Light";
    src: url("../fonts/Cairo-Light.ttf") format("embedded-truetype");
    font-style: normal;
    font-weight: normal;
}

*{
  margin: 0;
  padding: 0;
}

#Galan_container{
  width: 100%;
  height: 930px;
  background-color: #202020;
  position: relative;
  text-align: center;
}

#Galan_container p{
  font-family: 'Cairo';
  font-weight:300;
  font-size: 60px;
  color: #BF272D;
}

#Galan_container #red-top{
  width: 100%;
  height: 16px;
  background-color: #882B31;
  position: absolute;
  top: 0;
}

#Galan_container .face-galan-container{
  width: fit-content;
  height: max-content;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#Galan_container .head-title-container{
  width: fit-content;
  height: max-content;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (orientation:portrait){
  #Galan_container{
    height: 100vh;
  }

  #Galan_container p{
    font-size: 27px;
    line-height: 37px;
  }

  #Galan_container .face-galan-container img{
    width: 80%;
  }

  #Galan_container .head-title-container img{
    width: 90%;
  }
}


@media (max-width:400px){
  #Galan_container{
    height: 100vh;
  }

  #Galan_container p{
    font-size: 27px;
    line-height: 37px;
  }

  #Galan_container .face-galan-container img{
    width: 80%;
  }

  #Galan_container .head-title-container img{
    width: 90%;
  }
}