body{

    background-color: #E2E2E2;

}

@font-face {

    font-family: Garamond;

    src: url(../Garamond/AGaramond-Italic.otf);

}



@font-face {

    font-family: Futura_Bold;

    src: url(../Futura_Bold/Futura_Bold.otf);

}



@font-face {

    font-family: Futura_Italic;

    src: url(../Futura_Italic/Futura_Book.otf);

}



@media screen and (min-width: 1500px) and (max-width: 2200px)

{

	

    .middle {

        text-align: center;

    }



    .mobile_image {

        display: none;

    }



    .ptop {

        padding-top: 100px;

    }



    .header {

        font-family: Garamond;

        font-size: 40px;

        font-weight: bold;

    }



    .one_text {

        font-family: Futura_Italic;

        font-size: 22px;

        line-height: 1.8;

        text-align: center;

    }



    .three_text {

        font-family: Futura_Italic;

        font-size: 22px;

        line-height: 1.8;

    }



    .four_text {

        padding-top: 20px;

        font-family: Garamond;

        font-size: 35px;   

    }



    .four_itext {

        font-family: Futura_Italic;

        font-size: 18px;

        padding-top: 20px;

    }

}



/*------------------ STYLING FOR MOBILE DEVICES --------------------*/



@media screen and (min-width: 200px) and (max-width: 1000px)

{

    

    .ptop {

        padding-top: 70px;

    }





    .two_slider {

        padding-top: 70px;

    }



    .desktop_slider {

        display: none;

    }



    .desktop_image {

        display: none;

    }



    .header {

        font-family: Garamond;

        font-size: 35px;

        font-weight: bold;

    } 



    .slider_text {

        padding-top: 40px;

        font-family: Garamond;

        font-size: 35px;   

    }



    .one_text {

        font-family: Futura_Italic;

        font-size: 20px;

        line-height: 1.6;

        text-align: center;

    }



    .three_text {

        font-family: Futura_Italic;

        font-size: 19px;

        padding-top: 40px;

    }



    .four_text {

        padding-top: 10px;

        font-family: Garamond;

        font-size: 25px;   

    }



    .four_itext {

        font-family: Futura_Italic;

        font-size: 20px;

        padding-top: 40px;

    }



    .smedia {

        width: 100px;

    }

}



/*--------------- STYLING FOR SMALLER DEVICES / IPAD ------------------*/



@media screen and (min-width: 1000px) and (max-width: 1500px)

{

    .middle {

        text-align: center;

    }



    .ptop {

        padding-top: 100px;

    }



    .header {

        font-family: Garamond;

        font-size: 40px;

        font-weight: bold;

    }    



    .img_hide {

        display: none;

    }



    .one_text {

        font-family: Futura_Italic;

        font-size: 22px;

        line-height: 1.8;

        text-align: center;

    }



    .three_text {

        font-family: Futura_Italic;

        font-size: 22px;

        line-height: 1.8;

    }



    .four_text {

        padding-top: 20px;

        font-family: Garamond;

        font-size: 35px;   

    }



    .four_itext {

        font-family: Futura_Italic;

        font-size: 18px;

        padding-top: 20px;

    }



}



/*-----------------END OF STYLING FOR SMALLER DEVICES--------------*/