body {
    background-image: url("../images/yogi__at_bat.jpg");
    background-size: cover;
    background-repeat: no-repeat;
  	font-family: 'Yanone Kaffeesatz', sans-serif;
}

a {
    position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
}

h1 {
    color: white;
    font-size: 50px;
    margin-bottom: 3px;
    font-weight:700;
}
h2 {
    margin-top: 0;
    color: white;
}

span{
	color:#E91515;
}

#quote {
    padding: 300px 0px 0px 900px;
    width: 400px;
    text-align: right;
}
@media (max-width: 1500px){

       body {
        background-size: 1325px 700px;
    }
    h1 {
        font-size: 50px;
        padding-right: 34px;
    }
    h2{
        padding-right: 34px;
    }
    #quote {
        padding: 200px 300px 0px 30px;
        width: 400px;
        text-align: right;
    }
}

@media (max-width: 1325px){

	   body {
        background-size: 1325px 700px;
    }
    h1 {
        font-size: 50px;
    }
    #quote {
        padding: 200px 0px 0px 830px;
        width: 400px;
        text-align: right;
    }
}

@media (max-width: 1200px){

       body {
        background-size: 1325px 700px;
    }
    h1 {
        font-size: 50px;
    }
    #quote {
        padding: 200px 0px 0px 830px;
        width: 400px;
        text-align: right;
    }
}



@media (max-width: 825px) {
    body {
        background-position: left top;
        width: 50%;
        height: 120%;
    }
    h1 {
        font-size: 35px;
    }
    h2 {
        font-size: 25px;
    }
    #quote {
        padding: 180px 0px 0px 500px;
        width: 260px;
        text-align: right;
    }

    @media (max-width: 375px){
    	body {
        background-size: cover;
        background-position: left;
       
        width: auto;
        height: auto;
        

   
    }
    h1 {
        font-size: 35px;
    }
    h2 {
        font-size: 25px;
    }
    #quote {
        padding: 480px 0px 80px 300px;
        width: 260px;
        position: center;
        text-align: right;

    }
   
}