@font-face {
    font-family: 'brandon';
    src: url('./assets/fonts/BrandonGrotesque-Bold.eot');
    src: url('./assets/fonts/BrandonGrotesque-Bold.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/BrandonGrotesque-Bold.woff2') format('woff2'),
        url('./assets/fonts/BrandonGrotesque-Bold.woff') format('woff'),
        url('./assets/fonts/BrandonGrotesque-Bold.ttf') format('truetype'),
         url("./assets/fonts/BrandonGrotesque-Bold.svg#BrandonGrotesque-Bold") format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'brandon';
    src: url('./assets/fonts/BrandonGrotesque-Light.eot');
    src: url('./assets/fonts/BrandonGrotesque-Light.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/BrandonGrotesque-Light.woff2') format('woff2'),
        url('./assets/fonts/BrandonGrotesque-Light.woff') format('woff'),
        url('./assets/fonts/BrandonGrotesque-Light.ttf') format('truetype'),
        url("./assets/fonts/BrandonGrotesque-Light.svg#BrandonGrotesque-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "brandon";
    src: url("./assets/fonts/BrandonGrotesque-Regular.eot");
    src: url("./assets/fonts/BrandonGrotesque-Regular.eot?#iefix") format("embedded-opentype"),
         url("./assets/fonts/BrandonGrotesque-Regular.woff2") format("woff2"),
         url("./assets/fonts/BrandonGrotesque-Regular.woff") format("woff"),
         url("./assets/fonts/BrandonGrotesque-Regular.ttf") format("truetype"),
         url("./assets/fonts/BrandonGrotesque-Regular.svg#BrandonGrotesque-Regular") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.light{
    font-weight: 300;
}

.bold{
    font-weight: 700;
}
.fs-35{
    font-size: 35px;
}
.fs-26{
    font-size: 26px;
}
.fs-13{
    font-size:13px;
}
.fs-11{
    font-size: 11px;
}

body{
    display: flex;
    font-family: 'brandon';
}
.big-container{
    width: 972px;
    max-width:100%;
    height: 541px;
    margin: auto;
    margin-top:0px;
}
.container {
    height: 100%;
    width: 100%;
    text-align: center;
    color: #fff;
    background: linear-gradient(rgb(9,8,26,0.8), rgb(9,8,26,0.8)), url("./assets/images/back-img.jpg");  /* Chrome 10-25, Safari 5.1-6 */
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.coming{
    margin-top:5px;
    margin-bottom:25px;
}
button{
    width: 180px;
    height: 35px;
    background-color: #9691C1;
    border: none;
}
.text{
    padding-left:10px;
    padding-right:10px;
}
a{
    text-decoration: none;
    color: #071822;
}
.contact{
    display: flex;
    justify-content: space-between;
}
.contact-info{
    display: flex; 
    color: #071822;
    margin-top:25px;
}

.lebanon-office, .cyprus-office{
    font-size: 11px;
    text-align: left;
}
.lebanon{
    margin-right: 35px;
}
.address, .address2, .phone{
    font-size: 11px;
}

@media only screen and (max-width: 1023px){
    .contact img{margin: auto;}
    .contact-info{justify-content: space-between;}
    .fs-35{font-size:28px;}
    .fs-26{font-size:18px;}
}

@media only screen and (max-width: 550px){
    .contact-info{
        flex-direction: column;
        margin: auto;
    }
     .contact img{
         width:150px;
     }
    .lebanon-office, .cyprus-office{
        margin-top:15px;
    }
}