/* Container */
.container{
    width:80%;
    margin:0 auto;
}
.container2{
	width:90%;
    margin:0 auto;
	background-color: lightgrey;	
}
p {
 color: red;

}

p2 {
	font-size: 12px;
	text-align: justify;

}


.button:active {
	background-color: #ffffff;

}

body {
	 font-family: Arial, Helvetica, sans-serif;	
}

/* Login */
#div_login{

    width: 470px;
    height: 600px;
    margin: 0 auto;
}

#div_login h1{
    margin-top: 0px;
    font-weight: normal;
    padding: 5px;
    background-color: #54c7cc;
    color: white;
}

#div_login div{
    clear: both;
    margin-top: 10px;
    padding: 5px;
}

#div_login .textbox{
    width: 100%;
    padding: 7px;
}

#div_login input[type=submit]{
    padding: 7px;
    width: 200px;
    background-color: #54c7cc;
    border: 0px;
    color: white;
}

/* media */
@media screen and (max-width:720px){
    .container{
        width: 100%;
    }
    #div_login{
        width: 100%;
		height: 540px;
    }
}



@media only screen and (max-width: 1000px) {
	

  .Comp {
  display:none;
}
}

@media only screen and (min-width: 1000px) {
	
  .mobile {
  display:none;
}
}