@media only screen and (max-width: 769px) {
    
    @font-face {
    font-family: HTAboutUs;
    src: url('../Fonts/ActayFamily/ActayCondensed-Thin.otf');
}
    body {
           background-image: url('../Images/BackGround/Mini-1-01.jpg');
           background-repeat: no-repeat;
           background-attachment: fixed;
           background-size: 100% 100%;
           margin: 0;
           padding: 0;
           
    }

    h1,
    h2,
    h3 {
           margin-left: 50%;
           margin-top: 65%;
           color: #CF4156;
    }

    p{
           font-family: HTAboutUs;
           border-color:red;
           border-width:1px;
           border-style:double;
           margin-left: 320px;
           margin-top: 10px;
           color: #ffffff;
    }
    

    }

    @media  only screen and (max-width: 480px) {
    
        @font-face {
        font-family: HTAboutUs;
        src: url('../Fonts/ActayFamily/ActayCondensed-Thin.otf');
    }
        body {
               background-image: url('../Images/BackGround/Mini-1-01.jpg');
               background-repeat: no-repeat;
               background-attachment: fixed;
               background-size: 100% 100%;
               margin: 0;
               padding: 0;
               
        }
    
        h1,
        h2,
        h3 {
               margin-left: 50%;
               margin-top: 65%;
               color: #CF4156;
        }
    
        p{
               font-family: HTAboutUs;
               border-color:red;
               border-width:1px;
               border-style:double;
               margin-left: 150px;
               margin-Top:10px ;
               color: #ffffff;
        }
        
        
    }