@import url('https://fonts.googleapis.com/css?family=Dosis');

.intro-2 {
    background: url("../img/bg/home1.jpg")no-repeat center center;
    background-size: cover;
    width:100%;
}



header,
.view {
  height:70%;
}

#img-desk{
    align-items: center;
    width:80%;
    height:90%;
    object-fit:content;
    margin-left: auto;
    margin-right: auto;
   }

#img-info{
    align:left;
    width:80%;
    height:80%;
    margin-left: auto;
    margin-right: auto;
}

#apply {
    background:#F0F3F4;
}

@media only screen and (max-width:770px) {
  .view {
    max-height:100%;
  }

  #img-desk {
      align-items: center;
      max-width: 50%;
      height: auto;
      margin-left: auto;
      margin-right: auto;
  }

  #img-info {
      align-items: center;
      max-width: 50%;
      height: auto;
      object-fit:content;
      margin-left: auto;
      margin-right: auto;
  }

  #apply {
      display: none
  }
  .main_head, .option{
    display: none;
  }
  .main_front{
    padding:10%;
  }

#acc{
  display: none;
}

.l1,.l2{
    font-size:150%  !important;
  }

  .l3{
      font-size:80%  !important;
    }

}

.main_head  span{
font-family: 'Dosis', sans-serif;
}

#reg{
   border: 3px solid indigo;
   font-size:18px;
   padding:10px 30px 10px 30px;
 }
#reg:hover{
  background: indigo;
  border-radius: 70px;
  transition: 0.5s;
}
#reg_text{
  padding-top:20px;
  font-size:18px;
  font-family:inherit;
  font-weight:500;
}
#log_btn
{
  border-radius:90px;
}
#post
{
  margin-top: 20px;
  padding:2%;
  background: rgba(202, 162, 255, 0.4);
  border-radius: 50px;
  font-weight: 900;
  height:30%;
}
#post:hover
{
  background: rgba(202, 162, 255,0.6);
  transition: 0.5s;
}



#counter
{

}
#counter .timer
{
  font-size:30px;
  font-weight: 500;
}
#counter .timer_info
{
  font-size:20px;
}

/* #bothlog {
  height:250px;
} */
 .c1{
  padding:5% 2% 5% 5%;

  background:#3498DB  ;
}
#bothlog .c2{
padding:5% 5% 5% 2%;
background:#2E86C1;
}
#bothlog .l1{
  font-size:3vw;
}
#bothlog .l2{
  font-size:300%;
  font-weight: 800;
}
#bothlog .l3
{
  color:white;
}
#bothlog .btn_m1
{
  background: white;
  color:#3498DB;
  font-weight:500;
  padding:3% 10% 3% 10%;
  width:30%;
}
#bothlog .btn_m2
{
  background: white;
  color:#2E86C1;
  font-weight:500;
  padding:3% 10% 3% 10%;
  width:30%;
}

#bothlog .te
{
  color:white;
}