/* 
northgateplazacondo.com Stylesheet
Last Updated: 2018-03-17
Author: Thomas Karchesy
*/

* {
margin:0 0;
padding: 0 0;
}

html{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size:16px;
	line-height: 1.5em;

}

body {
	width:100%; 
	margin:0;
	padding:0;
	display:block;
}
p {
	font-size: 1em;
    margin: 1.3em 0;
    font-style: normal;
}

h1, h2, h3, h4 {
  /*margin-top: 1em;*/
  font-weight: inherit;
  line-height: 1.5em;
}

header {
width:98%;
background-color: rgba(173,216,230,0.8);
padding: 1%;
   }
h1, h2, h3 {
text-align:center;
}

#pocket {
	width: 50%;
	margin: 0 auto;
}
#login {
	background-color: rgba(200,200,200,0.8);
	width: 400px;
	margin: 50px auto;
	padding: 10px;
	text-align: center;
	line-height:2em;
	font-size: 1.5em;
}
.inputtext {
	font-size:1em;
	width: 380px;
}
#radio {
	width: 370px;
	text-align:left;
	margin: 0 auto;
	background-color:white;
	padding:0 5px;
}

#login button {
	font-size:1em;
	background-color:yellow;
	border: 2px solid gold;
	border-radius: 15px;
}
label {
 border:1px solid #ccc;
 padding:10px;
 margin:0 0 10px;
 display:block; 
}
.inputcb {
	font-size:1em;
	width: 25px;
}
label input {
	width:30px;
	display:inline;
	margin:0;
}
label:hover {
 background:#eee;
 cursor:pointer;
}
#frmToU {
	width: 370px;
	text-align: left;
	line-height:1em;
	font-size :.80em;
	background-color:white;
	margin: 0 auto;
	padding:0 5px;
}
#frmToU input {
	width: 25px;
}
#frmToU label {
	border:none;
	background:none;
	display:inline;
}
#fineprint {
	width: 80%;
	text-align:left;
	background-color:white;
	padding:20px 10%;
}
#fineprint h3 {
	text-align:left;
}
#fineprint h2, ul {
	margin-top: 1.5em;
}
#menu {
	width:66%;
	margin: 0 auto;
	
}
#menu li {
	display: inline-block;
	text-decoration:none;
	text-align:center;
	width:30%;
	font-size:1.5em;
	line-height:2em;
}
div.main {
	width:50%;
	background-color: rgba(250,250,250,0.8);
	font-size:1.5em;
	line-height:2em;
	margin:1em auto;
	padding:2em;
}
#flag {
	font-size:3em;
}
#profile {
	font-size:2em;
	text-align:right;
}

/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
  /* some CSS here */
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
  /* some CSS here */
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
  /* some CSS here */
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
}

/* #### iPhone 5 Portrait or Landscape #### */
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
}

/* #### iPhone 6 and 6 plus Portrait or Landscape #### */
@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3){
  /* some CSS here */
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
  /* some CSS here */
}

/* #### Desktops #### */
@media screen and (min-width: 1024px){
html{
	background:#fff url("ngpbuildingnew.jpg") no-repeat fixed bottom;
	background-size: cover;

}
#fineprint{
	width: 480px;
	margin: 20px auto;
	padding:20px 10%;
}

}