@import url(http://fonts.googleapis.com/css?family=Roboto);

body {
    font-family: Roboto, sans-serif;
    font-size:48px;
    font-weight: normal;
    background-image: url('img/white_wall_hash.png');
}


.reveal code {
	text-align: left;
	font-size: 50%;
	padding: 0;
	margin:0;
}

.reveal h2 {
    font-size:120%;
	padding-bottom: 1em;
}

.reveal p {
}

.reveal ul, .reveal ol {
    margin-top: 1em;
    text-align: left;
    padding-left: 2em;
}

.reveal li {
    padding: 0.2 5em;
}

#impulse-response {
    position: absolute;
    top:300;
    left:20%;
}

#delta-txt {
    position: absolute;
    top: 410%;
    left:45%;
}

#sincomp, #sawtooth {
	width: 47%;
	vertical-align: middle;
}

#player {
	width: 50%;
	padding-left: 20%;
}

#sawtooth-code {
	margin-left:30%;
	width: 40%
}

#fft-code {
    float:left;
	width: 46%;
    font-size: 125%
}

#spec-image-2tone {
    width: 50%;
}

#fft-zoom {
    float:left;
	left: 5%;
	top: 20%;
    width: 50%
}

#filter-code {
    font-size: 145%;
}

#before-title {
    float:left;
    padding-left: 25%
}

#before-spec {
    float:left;
    width: 50%
}

#after-spec {
    float:left;
    width: 50%
}

#aliasing-code {
    float:left;
    margin-top:50px;
    width: 50%;
    font-size: 125%;
}

#alias-image {
    margin-top:50px;
    float:left;
    width: 48%
}

#brightness-code {
    font-size: 115%;
}

#contrast-code {
    font-size: 115%;
}

#histo-map {
    padding-bottom: 0;
}

#histo-code {
    font-size: 125%;
}

#equalization-code {
    float:left;
    width: 65%;
    margin-top: 5%;
    font-size: 115%
}

#equalized-image {
    float:left;
    width: 33%
}

#ycbcr-code {
    width: 40%;
    margin-left: 20%
}

#grid-code {
    width: 50%;
    margin-left: 20%
}

#grid-square {
    width: 80%;
}

#dct-code {
    width: 60%;
    margin-left:20%;
}

#img-bw {
    float: left;
    padding-left: 10%;
}

#img-table {
	float: left;
	padding-left: 10%;
	font-size: 32px;
}

#img-table table {
	width: 400px;
	height: 400px;
}

.signal-row {
    width: 100%;
    height: 40%;
    padding-top: 1em;
}

.signal-example-grid {
    width: 30%;
    height: 90%;
    float: left;
}

.signal-example-grid img{
    /*max-width:100%;*/
    /*max-height:100%;*/
    width: 100%;
    height: 5em;
}

#quantization-img {
    width:105%;
}

#dct-overview {
    margin-top: -3%;
}