html { width: 100%; height:100%; overflow:hidden; }

body { 
    text-align:center;
    width: 100%;
	height:100%;
	font-family: 'Open Sans', sans-serif;
	background: rgba(242,242,242,255);
}
/*.login { 
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -150px;
	width:300px;
	height:300px;
}*/

input {
    border-color:gainsboro;
    border-style:solid;
    border-width:1px;
    background-color:white;
    font-size:14px;
    font-family:'Century Gothic';
    padding: 10px;
    width:100%;
    height:40px;
}

.title {
    font-size:10px;
    font-family:CentoryGothic;
}

.loginImg {
	height: 110px;
	width:250px;
}

@font-face {
   font-family: 'CentoryGothic';
   src: url('../fonts/GOTHIC.TTF') format('truetype');
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .container-fluid{
        position: absolute;
	    top: 40%;
	    left: 50%;
	    margin: -150px 0 0 -150px;
	    width:300px;
	    height:300px;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .container-fluid{
        position: absolute;
	    top: 40%;
	    left: 50%;
	    margin: -150px 0 0 -150px;
	    width:300px;
	    height:300px;
    }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .container-fluid{
        position: absolute;
	    top: 40%;
	    left: 50%;
	    margin: -150px 0 0 -150px;
	    width:300px;
	    height:300px;
    }
}