@font-face {
    font-family: Devanagari;
    src: url(../fonts/Shree\ Devanagari\ 714.ttf);
}

@font-face {
    font-family: Light;
    src: url(../fonts/HelveticaNeueLight.otf);
}

@font-face {
    font-family: Test1;
    src: url(../fonts/AppleGaramond-LightItalic.ttf);
}

body{
    background-color: #9E9E9E;
}

.big-logo{
    position: fixed;
    width : 1168px;
    height : 396px;
    bottom: 19.346px;
    left: 19.4818px;
    z-index: 100;
    /* The colour is already defined in the .html as it is an svg */
}

.back-arrow {

    position: fixed;
    width : 26px;
    height : 29px;
    left : 48px;
    top : 37px;
    z-index: 101;

}

.back-arrow {
    cursor: pointer; 
}

.idea{
    font-family: Test1;
    position: fixed;
    width: 823.0878px ;
    height: 53.9669px;
    top: 121.802px;
    left: 50.4071px;
    font-size : 54px;
    letter-spacing : -2.7px;
    z-index: 102;
    text-align: left;

}

.contact-info{

    position: fixed;
    font-family: light;
    font-size : 38px;
    line-height : 40px;
    letter-spacing : -3.23px;
    width: 553.4955px;
    height: 172.0373px;
    left: 48.5365px;
    top: 196.4611px;

}

.whatsapp{
    text-decoration: underline;
    cursor: pointer;
}

.Insta{

    position: fixed;
    font-family: Light;
    font-size : 38px;
    line-height : 34.65px;
    letter-spacing : -3.23px;
    text-decoration : underline;
    width: 242.5112px;
    height: 97.0837px;
    top: 197.0402px;
    right: 134.6625px;
    text-align: right;
    cursor: pointer;

}

.Newsletter{
}

.burger{
    display: none;
}

.close{
    display: none;
}

.Home{

    display: none;
}

.Projects-2{

    display: none;
}
/* Tablet sizing */


@media (max-width:768px) {

.back-arrow {

    position: fixed;
    width : 26px;
    height : 29px;
    left : 11.3px;
    top : 15.0714px;
    z-index: 101;

}

.idea{

    font-family: Test1;
    position: fixed;
    width: 637.5283px ;
    height: 46.6504px;
    top: 109.7034px;
    left: 11.3034px;
    font-size : 44px;
    letter-spacing : -2.2px;
    z-index: 102;
    text-align: left;

}

.contact-info{

    position: fixed;
    font-family: light;
    font-size : 39px;
    line-height : 35.1px;
    letter-spacing : -3.32px;
    width: 557.3223px;
    height: 115.6133px;
    left: 12.2952px;
    top: 190.0925px;

}

.whatsapp{
    text-decoration: underline;
    cursor: pointer;
}

.big-logo{
    position: fixed;
    width: 498.033px;
    height: 169.0217px;
    bottom: 19.346px;
    left: 19.4818px;
    z-index: 100;
    /* The colour is already defined in the .html as it is an svg */
}

.Insta{

    position: fixed;
    font-family: Light;
    font-size : 38px;
    line-height : 34.65px;
    letter-spacing : -3.23px;
    text-decoration : underline;
    width: 242.5112px;
    height: 97.0837px;
    top: 442.4219px;
    right: 11.3036px;
    text-align: right;
    cursor: pointer;

}
.burger{
    display: none;
}

.close{
    display: none;
}

.Home{

    display: none;
}

.Projects-2{

    display: none;
}


}


/* Mobile Sizing */

@media (max-width:480px) {

    .back-arrow {

        position: fixed;
        left : 12px;
        top : 16px;
        width : 17px;
        height : 19px;
        z-index: 101;
    
    }

    .idea{

        font-family: Test1;
        position: fixed;
        width: 315.5223px ;
        height: 87.3679px;
        top: 89.952px;
        left: 12.7774px;
        font-size : 41px;
        letter-spacing : -2.7px;
        z-index: 102;
        text-align: left;
        line-height : 38px;
    
    }

    .Contact-2{
        line-height: 38px;
    }

    .big-logo{

        position:fixed;
        z-index: 100;
        left : 7px;
        bottom : 7px;
        width : 320px;
        height : 108px;
        display: block;
        /* The colour is already defined in the .html as it is an svg */
    }

    .contact-info{

        position: fixed;
        font-family: light;
        font-size : 24px;
        line-height : 25px;
        letter-spacing : -1.5px;
        width: 342.21px;
        height: 77.8877px;
        left: 12.7768px;
        top: 247.8835px;
    
    }

    .Insta{

        position: fixed;
        font-family: Light;
        font-size : 24px;
        line-height : 25px;
        letter-spacing : -1.61px;
        text-decoration : underline;
        width: 242.5112px;
        height: 97.0837px;
        top: 393.88px;
        right: 7.8509px;
        text-align: right;
        cursor: pointer;
    
    }



.burger{

    display: block;
    position : fixed;
    right : 7.449px;
    top : 13px;
    width : 28px;
    height : 14px;
    align-items: center;

    }



    .close {
        display: none;
        position : fixed;
        right : 7.449px;
        top : 13px;
        width : 28px;
        height : 14px;
        align-items: center;
        }



        .Projects-2{

            display: none;
            position: fixed;
            font-family : Light;
            font-size : 65px;
            letter-spacing : -4.36px;
            color : #000000;
            width: 196.957px;
            height: 75.9341px;
            top: 180.2385px;
            left: 16.3726px;
        }
        
        .Home{
        
            display: none;
            position: fixed;
            font-family : Light;
            font-size : 65px;
            letter-spacing : -4.36px;
            color : #000000;
            width: 196.957px;
            height: 75.9341px;
            top: 107.0598px;
            left: 16.3726px;

        }


}