body{
margin:0;
padding:0;
}

.container{
width:1170px;
margin:0 auto;
}

.header-content-top{
background:white;
height:50px;
float:left;
width:100%;
}

.logo-left-main{
float:left;
width:40%;
height:85px;
font-family:'Pacifico',cursive;
font-size:8px;
}

.logo-left-main h1{
color:#BED24C;
}

.logo-left-main h1 span{
color:#2F2A3A;
}

.top-middle-input{
float:left;
width:28%;
height:85px;
margin-top:15px;
}

.info-button{
float:left;
width:32%;
height:85px;
margin-top:15px;
}

.info-button-alt{
border:none;
background:white;
font-family:'Pacifico',cursive;
color:#BED24C;
font-size:14px;
border-bottom:solid 2px #BED24C;
height:25px;
}

.info-button-alt:hover{
color:#868F32;
border-bottom:solid 2px #868F32;
transition:.5s;
cursor:pointer;
}

.info-button input{
float:right;
}

.button{
border:none;
border-radius:4px;
background:#BED24C;
color:white;
font-family:'Montserrat', sans-serif;
cursor:pointer;
}

.button:hover{
color:#2F2A3A;
transition:.5s;
}

.graphit-button{
width:150px;
margin:0 auto;
margin-top:10px;
}

.header-content-bottom{
width:100%;
background-color:#2F2A3A;
height:750px;
float:left;
}

.header-info{
color:white;
height:300px;
}

.header-info h1{
font-family:'Montserrat', sans-serif;
width:50%;
margin:auto;
text-align:center;
margin-top:35px;
text-transform:uppercase;
}

.header-info h2{
font-family:'Montserrat', sans-serif;
font-size:20px;
margin-top:-22px;
}

.header-info p{
font-family:'Roboto Slab', serif;
font-weight:400;
font-size:10px;
margin:auto;
width:40%;
}

.info-section{
width:33%;
height:200px;
float:left;
text-align:center;
font-size:14px;
}

#main-text-input{
width:90%;
height:300px;
display:block;
margin-left:auto;
margin-right:auto;
border-radius:8px;
border:none;
}

.text-info-output{
color:white;
font-family:'Roboto Slab', serif;
font-size:12px;
margin-left:65px;
}

#openMe{
display:none;
}

#chart-area canvas {
display:block;
margin: 0 auto;
}

#legend {
display:none;
}

input{
outline:none;
}

textarea{
outline:none;
}

.lightbox { 
display: none;
}

.featherlight-content {
max-width:50%;
}

.logo-left-main a{
text-decoration:none;
}

#preview {
text-align:center;
}

.fit{
width:90%;
margin:0 auto;
}

.content-one-area{
width:45%;
float:left;
margin-top:25px;
}

.content-one-area h2{
font-family:'Montserrat', sans-serif;
color:#2F2A3A;
font-size:17px;
}

.content-one-area p{
font-family:'Roboto Slab', serif;
color:#80A1AD;
font-size:13px;
}

.content-one-image{
width:45%;
float:right;
}

.footer p{
width:100%;
text-align:center;
margin:0 auto;
padding-top:15px;
font-size:12px;
font-family:'Montserrat', sans-serif;
}

.footer p a {
    color:white;
}

#progressBar {
    width: 90%;
	margin:0 auto;
    height: 22px;
    background-color: #DFDFDF;
	margin-bottom:30px;
}
#progressBar div {
    height: 100%;
    text-align: right;
    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
    width: 0;
	border: 1px solid rgb(169,185,80);
    background-color: #bed24c;
	font-size: 13px;
	color: #4D4D4D;
}