body {

    margin: 0;
}

.poo-head {

    background-color: #1b1d1f;

}

html {

    min-height: 100%;
}
.poo-count {
    font-family: helvetica;
    font-size: 16pt;
    font-weight: bold;
    color: #12bcfa;
    text-decoration: none;
}
.poop-time {
    font-family: helvetica;
    font-size: 26pt;
    color: #000;
    text-decoration: bold;
    width:80%; max-width: 600px;
}

.poop-time-surround {
    border: 2px solid #12bcfa;
    width: 79%;
    padding: 10 0 10 5;
    margin-bottom: 30px;
    max-width: 600px; 
}
.poop-time-title {
    font-family: helvetica;
    font-size: 10pt;
    font-weight: bold;
    color: #333333;
    background-color: #fff;
    /* margin-top: -5px; */
    /* padding: 0 12 0 12; */
    position: relative;
    margin: -8 auto;
    /* margin-left: 41%; */
    width: 26%;
}

.head-pooping-out {

	font-family: helvetica;
	font-size: 0.9em;

    width: 100%;
	height: 50px;
    border-bottom: 1px solid #1d8099;

    text-align: center;
    vertical-align: middle;

}
.poo-logo-surround {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 200px;
}
.poo-logo {
    width: 100%; max-width: 600px;
    height: 210px;
    margin-top: 10px;
    text-align: middle;
    background-image: url("../images/poo-bg.png"); 
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center; 

}

.poo-menu {
    width: 50%;

}

.duringpoo {

    display: block;

	font-family: helvetica;
	font-size: 0.9em;

	width: 100%;
	height: 100px;

    text-align: center;
    vertical-align: middle;
    
}

.people-pooing {

    font-family: helvetica;
    font-size: 14pt;
    color: #000;
    margin: 0 auto 30px auto;
    width: 80%;
    max-width: 600px;

}

.poos-out {
    font-family: helvetica;
    font-size: 7pt;
    color: #fff;
    text-align: center;
    /* vertical-align: middle; */
    padding-top: 20px;
    padding-right: 10px;
    display: block;
    /* bottom: 0; */
    /* margin: 0 auto; */
    background-color: #1b1d1f;
    width: 100%;
    /* max-width: 600px; */
    height: 33px;
    position: absolute;

}


.poo-button-poop {
    border: 1px outset #0db8f7;
    background-color: #0db8f7;
    height:50px;
    width:80%; max-width: 600px;
    cursor:pointer;
    font-family: helvetica;
    font-size: 14pt;
    color: #fff;
    margin-bottom: 10px;

    -webkit-appearance: none;
    border-radius: 0;
    margin-bottom: 28px;
    text-transform: uppercase;
}

.poo-button-poop:hover {
      background-color: #0a98cc;
    
}

.poo-button-wipe {
    border: 1px outset #b56e20;
    background-color: #b56e20;
    height:50px;
    width:80%; max-width: 600px;
    cursor:pointer;
    font-family: helvetica;
    font-size: 14pt;
    color: #fff;
    margin-bottom: 10px;
    -webkit-appearance: none;
    border-radius: 0;
    margin-bottom: 28px;
    text-transform: uppercase;
    display: none;
}
.poo-button-wipe:active {
    background: #262626;
}

.poo-text-fields {
    width:80%; max-width: 600px;
    font-family: helvetica;
    font-size: 14pt;
    height: 50px;
    border: 2px solid grey;
    margin-bottom: 10px;
}

.poo-text-main {
    font-family: helvetica;
    font-size: 16pt;
    color: #0db8f7;
    padding: 10px 0 30px 0;
    width: 80%;
    max-width: 600px;
}

.quotes {
    font-family: helvetica;
    font-size: 16pt;
    color: #b56e20;
    padding: 10px 0 10px 0;
    width: 80%;
    height: 120px;
    max-width: 600px;
    display: none;
    vertical-align: middle;
}

.poo-msg-fin {
    font-family: helvetica;
    font-size: 16pt;
    color: #0db8f7;
    padding: 10px 0 20px 0;
    width: 80%;
    max-width: 600px;
    display: none;
}

.poo-text-titles {
   font-family: helvetica;
    font-size: 14pt;
    color: #000; 
    width:80%; max-width: 600px; 
    text-transform: uppercase;
}

.poo-form-titles {
   font-family: helvetica;
    font-size: 14pt;
    color: #000; 
    padding: 10 0 10 0;
    text-transform: uppercase;
}

.poo-link-footer {
    font-family: helvetica;
    font-size: 7pt;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

.flush {
    display: none;
}
@media all (max-width: 480px) {


.poo-button-poop {
    outline: solid;
}

.poo-button-wipe {
    outline: solid;
}
.poop-time {
    font-family: helvetica;
    font-size: 1.9em;
}

.head-pooping-out {

    width: 95%;
    height: 100px;

    text-align: center;
    vertical-align: middle;

}

.duringpoo {

    width: 95%;
    height: 100px;

    text-align: center;
    vertical-align: middle;
}

}