html, body {
 margin: 0;
 padding: 0;
 height: auto;
width:100%;
}

section {
  margin: 0px;
  margin-left: 120px;
   text-align: center;
  padding: 30px;
  color: white;
  font-size: 4em;
  overflow: hidden; 
}


/*FORMS PAGE*/
 
div.logo img{
float:left;
margin-left:-20px;
margin-top:60px;
height:200px;
width:200px;

 }
 div.recruiting_event_form_1{

margin-top:120px;
margin-left:60px;
padding: 0px;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

div.recruiting_event_form_1{

margin-top:-100px;
margin-left:60px;
}


}

@media (min-width:768px) and (max-width:1024px){

div.recruiting_event_form_1{

margin-top:-60px;
margin-left:60px;
}



}
}
@media (min-width:300px) and (max-width:627px) {

div.logo img{
float:left;
margin-left:-20px;
margin-top:0px;
height:200px;
width:200px;

 }
div.recruiting_event_form_1{

margin-top:0px;
margin-left:0px;
padding-left: 0px;
width:100%;
}
}

 /*FORMS PAGE*/