@media screen and (min-width: 200px) and (max-width: 768px)
{
	.ptop {
		padding-top: 50px;
	}

	.middle {
		text-align: center;
	}

	.header {
        font-family: Garamond;
        font-size: 35px;
    }

    .three_text {
        font-family: Futura_Italic;
        font-size: 17px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1500px)
{
	.ptop {
		padding-top: 80px;
	}

	.middle {
		text-align: center;
	}

	.header {
        font-family: Garamond;
        font-size: 45px;
    }

    .three_text {
        font-family: Futura_Italic;
        font-size: 20px;
    }
}

@media screen and (min-width: 1500px) and (max-width: 2200px)
{
	.ptop {
		padding-top: 80px;
	}

	.middle {
		text-align: center;
	}

	.header {
        font-family: Garamond;
        font-size: 50px;
    }

    .three_text {
        font-family: Futura_Italic;
        font-size: 20px;
    }
}