@font-face {
    font-family: 'ara_hamah bold';
    src: url('fonts/ara_hamah_1964_b_bold-webfont.eot');
    src: url('fonts/ara_hamah_1964_b_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ara_hamah_1964_b_bold-webfont.woff2') format('woff2'),
         url('fonts/ara_hamah_1964_b_bold-webfont.woff') format('woff'),
         url('fonts/ara_hamah_1964_b_bold-webfont.ttf') format('truetype'),
         url('fonts/ara_hamah_1964_b_bold-webfont.svg#ara_hamah_1964_bbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
html{ scroll-padding-top: 50px;scroll-behavior: smooth;}
body {font-family: 'ara_hamah bold'; font-size: 20px; line-height: 32px;color: #555555; max-height: 100vh;overflow: hidden; }
h1,h2,h3,h4,p{color: #fff;  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s; font-weight:400;}
	.wrapcvr {
    text-align: left;
}
a {
	color: #fff;
	text-decoration: none;-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
img{max-width: 100%;}
.pagload{width: 100%; height: 0vh;overflow: hidden; position: absolute; top: 0px; left: 0px; background: #000; display: flex; align-items: center; justify-content: center; z-index: 111;-webkit-transition: all 0.4s;
	-moz-transition: all 0.9s;
	-ms-transition: all 0.9s;
	-o-transition: all 0.9s;
	transition: all 0.9s;}
.pagload.show {
   height: 100vh;
}
section.homeCvr {
    background: url(images/bg.jpg) no-repeat center #000;
    min-height: 100vh;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.logo {
    max-width: 460px;
}
.wrapcvr {
    width: 460px;
}
 .fade-in {
    opacity: 0;
    transition: opacity 1s ease-in;
  }

  .fade-in.show {
    opacity: 1;
  }
h1{font-size: 34px; text-transform: uppercase;    margin-bottom: 30px; margin-top: 50px;    text-align: center;letter-spacing: 7.1px;}
h2 {    font-size: 34px;    margin-bottom: 0;    padding-bottom: 0;    position: relative;    text-align: left;}
h2:after{width: 70%; height: 1px; background: #fff; content: ''; position: absolute; bottom: 0px; left: 50%; margin-left: -35%; display:none;}
p{font-size: 34px;line-height: 44px;}
h3{font-size: 34px; margin-top: 30px; text-transform: uppercase;text-align: center;    letter-spacing: 9.3px;}
.wrapcvr.hide{max-height: 0px; overflow: hidden; padding: 0px;opacity: 0;}
.wrapcvr{max-height:366px;-webkit-transition: all 0.4s;opacity: 1;
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;}
    
p small {
    letter-spacing: 6px;
}
a:hover {
    opacity: 0.5;
}
@media all and (max-width:1537px) {
    .logo {
        max-width: 380px;
        margin-bottom: 20px;
    }
    h1 {
        font-size: 28px;
        margin-bottom: 25px;
        margin-top: 35px;letter-spacing: 5.9px;
    }
h2{        font-size:28px;
        margin-bottom: 0px;
        padding-bottom: 13px;}
h2:after{width: 70%; height: 1px; }
    p {        font-size: 28px;        line-height: 44px;    }
h3{font-size: 28px; margin-top: 21px; letter-spacing: 7.6px;}
.wrapcvr{max-height:332px;        max-width: 380px;}
}

@media all and (max-width:1537px) {
    p small {
    letter-spacing: 5px;
}
section.homeCvr{background-size: cover; padding: 10px;}
}
@media all and (max-width:767px) {
 p small {
    letter-spacing: 0.4vw;    font-size: 7vw;
}
    .logo {
        max-width: 100%;
        width: 90%;
    }
       h1 {
    font-size: 7vw;
    margin-bottom: 6px;
    margin-top: 6px;
            letter-spacing: 1.1vw;
}
           h2 {
        font-size: 6vw;
        margin-bottom: 0;
        padding-bottom: 0px;
        font-weight: normal;
        text-align: justify;
    }
h2:after{width: 70%; height: 1px; }
    p {
        font-size: 6vw;
        line-height: 33px;
        font-weight: normal;
    }
       h3 {
        font-size: 7vw;
        margin-top: 20px;
        font-weight: normal;        text-align: center;    letter-spacing: 1.5vw;
    }
    .wrapcvr {
        max-height: 201px;
        margin: 0 auto;
        width: 90%;
        max-width: 100%;
    }
}

@media all and (max-width:479px) {
h1 {
    letter-spacing: 1.09vw;
}
h3 {
    letter-spacing: 1.483vw;
}
}
@media all and (max-width:431px) {
h1 {
    letter-spacing: 1.05vw;
}
h3 {
    letter-spacing: 1.4vw;
}
}
@media all and (max-width:359px) {
h1 {
    letter-spacing: 1.01vw;
}
}