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

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

h1 {
    color: white;
    font-size: 50px;
    margin-bottom: 3px;
    font-weight:700;
    width: 23%;
    letter-spacing: 2px;
}

h1.long{
	padding: 0;
	margin: 0;
	width: 29.3%;
}

h1.longer{
	padding: 0px;
	margin: 0;
	width: 32.3%;
}
h2 {
    margin-top: 0;
    color: white;
    padding-top: 1%;
    padding-left: 25%;
}

span{
	color:#E91515;
}

#quote {
    padding: 2.7% 0px 0px 5%;
    text-align: left;
    width: 100%;
}



@media (max-width: 1300px){

	body {
        background-size: cover;
    }

    h1{
    	width:60% ;
    	font-size: 40px;
    	letter-spacing: 1.5px;
    	line-height: 1.4em;
        
    }

    h1 .long{
        width: 29.3%;
    }

    h1 .longer{
		width: 60.3%;
    }

    h2{
    padding-top: 1.5%;
    padding-left: 25%

    }
    #quote{
   	padding: 1% 0px 0px 5%;
    }
}
/*________________________________________________________________*/

@media (max-width:1056px) {
	 h1{
    	font-size: 35px;
    	letter-spacing: 1.1px;
    	width:40%;
    	line-height: 1.2em;
    }

    h1 .long{
        width: 40%;
    }

    h1 .longer{
		width: 65.3%;
    }

    h2{
    padding-top: 1%;
    padding-left: 25%
    font-size: 30px;

    }
    #quote{
   	padding: 5% 0px 0px 5%;
    }
}

  /*________________________________________________________________*/

    @media (max-width: 910px){
    body{
    	background-size: cover;

    	
    }
     h1{
        font-size: 35px;
        letter-spacing: 1.1px;
        width: 26%;
        line-height: 1.2em;
    }

    h1.long{
        width: 40%;
    }

    h1.longer{
        width: 44%;
    }

    h2{
    padding-top: 1%;
    padding-left: 27%;
    font-size: 30px;

    }
    #quote{
    padding: 5% 0px 0px 5%;
    }
    
}
  /*________________________________________________________________*/

    @media (max-width: 375px){
    body{
        position: cover;
        background-position: top right;
         background-repeat: no-repeat;
    	
    }
     h1{
    	font-size: 20px;
    	letter-spacing: 1.1px;
    	width: 50%;
    	line-height: 1.2em;

    
    }

    h1 .long{
        width: 40%;
    }

    h1 .longer{
		width: 65.3%;
    }

    h2{
    padding-top: 1%;
    padding-left: 25%
    font-size: 10px;
   

    }
    #quote{
    position: left;
   	padding: 10% 0px 0px 5%;
    z-index: 1;

    }
   
    
}