@font-face {
  font-family: 'Arb-TimesNewRoman';

  	src: url('../fonts/Arb-TimesNewRoman.eot');
	src: url('../fonts/Arb-TimesNewRoman.woff') format('woff'),
	       url('../fonts/Arb-TimesNewRoman.woff2') format('woff2'),
	       url('../fonts/Arb-TimesNewRoman.ttf') format('truetype'),
	       url('../fonts/Arb-TimesNewRoman.svg#BrandonGrotesque-Light') format('svg'),
	       url('../fonts/Arb-TimesNewRoman.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}






.header{
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}

.logo img{
        padding: 30px 70px;
}
.social-icons {


}
.social-icons ul{
    list-style-type: none;
    text-align: right;
    padding: 40px 70px;
}
    .social-icons ul li{
        display:inline-block;
    padding-left: 8px;
    }

    .social-icons ul li a i{
            color: #fff;
            transition:all 0.2s ease-in-out;
    }
        .social-icons ul li a i:hover {
                color: #867141;
        }
    .middle p{
    font-family: 'Times New Roman';
    font-size: 28px;
    color: #dedede;
    padding: 0px 70px;
    }

    .footer{
   width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items:flex-end;
    position:absolute;
    bottom:0;
    }

        .copy-right{
               font-family: 'Lato', sans-serif;
           font-size:14px;
           color:#cdcdcd;
           font-style:italic;
               padding: 30px 70px;
    }


        .footer-logo{
        
    }
        .footer-logo img{
    padding: 40px 70px;
    margin-left: auto;
    display: block;
     }

        /*********media query***********/

        @media(max-width:767px){

        
        .header{
           flex-direction: column;
        }
        .logo img{
            margin: 0 auto;
            display: block;
        }
        .social-icons ul{
                text-align: center;
                padding: 8px;
        }
        .middle p{
            font-family:Arb-TimesNewRoman;
            text-align:center;
            padding:30px;
            font-size:22px;
        }
        .footer{
            flex-direction:column-reverse;
        }
        .footer-logo{
            width:100%;
        }
        .footer-logo img{
              padding: 40px 0;
              margin: 0 auto;
              display: block;
        }
       .copy-right{
           width:100%;
           padding:30px 0;
               text-align: center;
       }
       }