@media only screen and (max-width: 1120px)
{
	#header h1,
    #footer h1,
    #feedback h1
    {
	    font-size: 55px;
	}

	#video h1
	{
		font-size: 30px;
	}
	#video li
	{
		font-size: 20px;
		margin-bottom: 10px;
		padding-left: 60px;
	}
	#video h2 span
	{
		font-size: 40px;
	}
	#video h2 img
	{
		right: -110px;
	}

	#products h1
	{
		font-size: 25px;
	}
	#products p
	{
		font-size: 16px;
	}
	#products s 
	{
	    font-size: 24px;
	}

	#content h5
	{
    	font-size: 28px;
    }
    #content h5 span
    {
    	font-size: 35px;
    }
}


@media only screen and (max-width: 1340px)
{
	#extended #hase
	{
		left: 50px;
	}
}
@media only screen and (max-width: 1010px)
{
	#extended #hase
	{
		display: none;
	}
}

@media only screen and (max-width: 1400px)
{
	#products p
	{
		height: inherit;
	}
}

@media only screen and (max-width: 1024px)
{
	#video .large-7
	{
		text-align: center;
		padding-bottom: 40px;
	}
	#video .large-7 .video-frame
	{
		display: inline-block;
	}
	#video .large-5
	{
		text-align: center;
	}
	#video .large-5 ul
	{
		display: inline-block;
		text-align: left;
	}

	#feedback .large-6
	{
		text-align: center !important;
	}

	#cta2 > div
	{
		font-size: 24px;
	}

	#header h1,
    #footer h1,
    #feedback h1,
    #products .summary .columns,
    #content h1,
    #presets h1,
    #free h1
    {
	    font-size: 35px;
	}

	#products .medium-4
	{
		padding: 10px;
	}
	#products .medium-4.plus > div:after
	{
		display: none;
	}
}

@media only screen and (max-width: 500px)
{
	#header h1,
    #footer h1,
    #feedback h1,
    #products .summary .columns,
    #content h1,
    #presets h1,
    #free h1
    {
	    font-size: 30px;
	}

	#header h2,
	#cta2 > div
	{
		font-size: 20px;
	}

	#video h2
	{
		font-size: 20px;
	}
	#video h2 span
	{
		font-size: 30px;
	}

	#content h4
	{
		font-size: 14px;
		padding-left: 35px;
	}
	#content h4 span
	{
	    width: 25px;
	    height: 25px;
	    border-radius: 25px;
	    line-height: 25px;
	    top: -1px;
	    left: 0;
	}

	.button
	{
		font-size: 22px;
	}
}

@media only screen and (max-width: 445px)
{
	#video h2 img
	{
		position: relative;
		top: inherit;
		right: inherit;
		margin-top: 20px;
	}
}

@media only screen and (max-width: 410px)
{
	#header h1,
    #footer h1,
    #feedback h1,
    #products .summary .columns,
    #content h1,
    #presets h1,
    #free h1
    {
	    font-size: 25px;
	}

	#header h2,
	#cta2 > div
	{
		font-size: 16px;
	}

	#content h3
	{
		text-align: center;
	}
	#content h5
	{
		font-size: 20px;
	}

	.button
	{
		font-size: 20px;
	}
	.button strong
	{
		font-size: 28px;
	}
}

@media only screen and (max-width: 370px)
{
	.button
	{
		font-size: 16px;
	}
	.button strong
	{
		font-size: 20px;
	}

}