html, body{
margin:0;
padding-bottom:0;
font-family:Arial;
width:100%;
overflow-x:hidden;
}

h1{
margin-left:2rem;
font-size:2.5rem;
}

p{
margin-left:2rem;
font-size:2rem;
}

button.lookUpBtn{
margin-left:2rem;
font-size:2rem;
border:2px solid black;
border-radius:8px;
}

button{
margin-left:2rem;
font-size:2rem;
border:2px solid black;
border-radius:8px;	
}

input#symbolLookup{
margin-left:2rem;
font-size:2rem;
border:2px solid black;
border-radius:8px;
width:17rem;	
}

input.signInInput{
margin-left:2rem;
font-size:2rem;
border:2px solid black;
border-radius:8px;
width:38rem;
margin-bottom:3rem;	
}

p.label{
margin-left:2rem;
margin-top:2rem;
font-size:2rem;
margin-bottom:0;
}

p.error{
display:none;
margin-left:2rem;
font-size:2rem;
font-weight:900;
color:red;
margin-top:0;
margin-bottom:-15px;
}

p.phpError{
margin-left:2rem;
font-size:2rem;
font-weight:900;
color:red;
margin-bottom:0;
}

p.signUpIn{
margin-left:2rem;
margin-top:2rem;
font-size:2.5rem;
font-weight:600;
margin-top:0;
margin-bottom:-15px;
}

.warning{
font-size:2rem;
color:red;
font-weight:900;	
}

#headerContainer, .container{
width:100%;
float:left;
}

.cont-50_100{
width:49%;
float:left;	
}

.bannerImg{
width:100%;
float:left;
}

#portBanner{
display:none;
}

.pubNavbar{
list-style-type:none;
text-decoration:none;
float:left;
padding:1.5rem;
}

.pubNavbarItem{
color:black;
text-decoration:none;
text-align:center;
font-size:2rem;
margin-left:.75rem;
border:3px solid black;
border-radius:8px;
padding:.5rem;
}

.pubNavbarItem:hover{
cursor:pointer;
}

.pubNavbarItemResponsive:hover{
cursor:pointer;
}

.pubNavbarResponsive{
display:none;
}

.pubNavbarItemResponsive{
display:none;
}

.respDropDown{
display:none;	
}

.lineBreak{
width:100%;
height:3px;
background-color:black;
float:left;
}

.teaser{
margin-top:3rem;	
margin-bottom:3rem;
}

.teaserImg{
margin-left:2.5rem;
width:50%;
float:left;	
}

.techImg{
width:25%;
display:block;
margin-left:2.5rem;
}

#stockInfoDiv{
margin-top:2rem;
width:33%;
}

#stockChartDiv{
margin-top:2rem;
width:66%;
text-align:center;
}

#chartPlaceHolder{
width:96%;
}

#stockChart{
margin-top:2rem;
width:96%;
height:800px;
}

#DividendHistDiv{
min-height:200px;	
overflow-x:scroll;
}

table.dividendTable {
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
width:98%;
}

td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
font-size:2rem;
}

tr:nth-child(even) {
background-color: #dddddd;
}

#pubFooter{
color:white;
background-color:black;
width:100%;
float:left;
text-align:center;
}

.footerText{
padding:1rem;
font-size:1.5rem;
}

.dhdpFooterBanner{
width:400px;
}

@media screen and (min-width: 576px) and (max-width: 992px){

p.signUpIn{
margin-left:1rem;
margin-top:2rem;
font-size:2rem;
margin-bottom:0;
}

p.label{
margin-left:1rem;
margin-top:2rem;
font-size:2rem;
margin-bottom:0;
}

p.error{
display:none;
margin-left:1rem;
font-size:2rem;
font-weight:900;
color:red;
margin-bottom:0;
}

p.phpError{
margin-left:1rem;
font-size:2rem;
font-weight:900;
color:red;
margin-bottom:0;
}


input.signInInput{
margin-left:1rem;
font-size:2rem;
border:2px solid black;
border-radius:8px;
width:90%;	
margin-bottom:2rem;	
}

button{
margin-left:1rem;
font-size:2rem;
border:2px solid black;
border-radius:8px;	
}

#portBanner{
display:block;
}

#deskBanner{
display:none;	
}

.pubNavbar{
display:none;
}

.pubNavbarItem{
display:none;
}

.pubNavbarResponsive{
display:block;
list-style-type:none;
text-decoration:none;
float:left;
}

.burger{
outline:none;
display:block;
color:black;
text-align:center;
text-decoration:none;
font-size:2rem;
margin:.75rem;
border:3px solid black;
border-radius:8px;
padding:.5rem;
min-width:4rem;
}

.pubNavbarItemResponsive{
outline:none;
display:block;
color:black;
text-align:center;
text-decoration:none;
font-size:1.5rem;
margin:.75rem;
border:3px solid black;
border-radius:8px;
padding:.5rem;
}

.cont-50_100{
width:100%;
float:left;	
}

#stockInfoDiv{
width:100%;
}

#stockChartDiv{
width:100%;
}

#stockChart{
width:96%;
height:300px;
}

#chartPlaceHolder{
width:96%;
}

.teaser{
margin-top:3rem;	
margin-bottom:3rem;
}

.teaserImg{
width:80%;
float:left;	
}

.techImg{
width:40%;	
display: inline;
margin-right:1rem;
}

.dhdpFooterBanner{
width:90%;
}

}

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

p.signUpIn{
margin-left:1rem;
margin-top:2rem;
font-size:1.5rem;
margin-bottom:0;
}

p.label{
margin-left:2rem;
margin-top:2rem;
font-size:2rem;
margin-bottom:0;
}

p.error{
display:none;
margin-left:1rem;
font-size:1.5rem;
font-weight:900;
color:red;
margin-bottom:0;
}

p.phpError{
margin-left:2rem;
font-size:1.5rem;
font-weight:900;
color:red;
margin-bottom:0;
}

input.signInInput{
margin-left:1rem;
font-size:1.5rem;
border:2px solid black;
border-radius:8px;
width:90%;
margin-bottom:1.5rem;		
}

button{
margin-left:1rem;
font-size:1.5rem;
border:2px solid black;
border-radius:8px;	
}

#portBanner{
display:block;
}

#deskBanner{
display:none;	
}

.pubNavbar{
display:none;
}

.pubNavbarItem{
display:none;
}

.pubNavbarResponsive{
display:block;
list-style-type:none;
text-decoration:none;
float:left;
}

.burger{
outline:none;
display:block;
color:black;
text-align:center;
text-decoration:none;
font-size:2rem;
margin:.75rem;
border:3px solid black;
border-radius:8px;
padding:.5rem;
min-width:4rem;
}

.pubNavbarItemResponsive{
outline:none;
display:block;
color:black;
text-align:center;
text-decoration:none;
font-size:1.5rem;
margin:.75rem;
border:3px solid black;
border-radius:8px;
padding:.5rem;
}

.teaser{
margin-top:3rem;	
margin-bottom:3rem;
}

.teaserImg{
width:80%;
float:left;	
}

.techImg{
width:30%;	
display: inline;
margin-right:1rem;
}

.cont-50_100{
width:100%;
float:left;	
}

#stockInfoDiv{
width:100%;
}

#stockChartDiv{
width:100%;
}

#stockChart{
width:96%;
height:300px;
}

#chartPlaceHolder{
width:96%;
}


.dhdpFooterBanner{
width:90%;
}

}