@font-face { font-family: Chewy;src: url('font/Chewy.ttf'); }
@font-face { font-family: Lato; src: url('font/Lato-Regular.ttf'); }
@font-face { font-family: Glacial Indifference; src: url('font/GlacialIndifference-Bold.otf'); }
@font-face { font-family: Abril Fatface; src: url('font/AbrilFatface-Regular.ttf'); }

.img-background {
    width: 100%;
    max-height: 630px;
    position: relative;
    text-align: center;
}

.text-background {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.name-session {
  font-family: Abril Fatface
}

.big-font{
  font-size: 80px;
}

.medium-font{
  font-size: 25px;
}

.small-font{
  font-size: 17px;
}

.session {
  margin-top:30px;
  margin-bottom:100px;
}

.circle-gold {
  background-color: #E3AC1B;
  border-radius: 100%;
  width: 110px;
  height: 110px;
  float: none;
  margin: 0 auto;
}

.img-circle-gold {
  width: 90px;
  height: 90px;
  position:relative;
  left:50%;
  top:50%;
  margin-left:-108px;
  margin-top:-45px;
}

.white-text {
  color: white;
}

.margin-large-reduce{
  margin-left: 250px;
  margin-right: 250px;
}

.margin-small-reduce{
  margin-left: 50px;
  margin-right: 50px;
}

.lato-font {
  font-family: Lato;
}

.glacial-font {
    font-family: Glacial Indifference;
}

.gold-text {
  color: #E3AC1B;
  font-family: Glacial Indifference;
  font-weight: 700;
  line-height: 16.5px;

  text-align: center;
}

.member {
opacity: 0.64;
width: 250px;
height: 250px;
}

.user-box{
  background-color: #333333;
  width: 170px;
  height: 80px;
  margin: 0 auto;
}

.gray-background{
  background-color: #333333;
  opacity: 0.74;
  height:100%;
  width:100%
}

.gray-pc {
  width: 120px;
  height: 120px;
}

.gray-phone {
  width: 130px;
  height: 130px;
}

.gray-note {
  width: 150px;
  height: 150px;
}

.big-img {
  width: 250px;
  height: 170px;
}

.contact-size {
  margin-left:400px;
  margin-right: 400px;
}

.bottom-background{
  background-color: #1F2C3D;
  height:100%;
  width:100%
}

.big-x{
  color: #47525E;
  font-family: Chewy;
  font-size: 250px;
  text-align: left;
  margin-bottom: -50px;
}

.center {
  text-align: center;
}

.code{
  color: #E3AC1B;
  margin-top: 100px;
  font-family: Lato;
  font-size: 80px;
  font-weight: 700;
  text-align: right;
  position: absolute;
  margin: auto;
  z-index:100;
}

.contact-codex{
  color: #FFFDFF;
  font-size:15px;
  font-weight: 700;
  text-align: left;
}

.contact-icon {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 20px;
  width: 30px;
  height: 30px;
}