#gig_loading{
    z-index: 599;
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    transition: all 0.8s ease-in-out;
}
#gig_loading_slide{
    z-index: 200;
    position: absolute;
    top:0;
    left: 100%;
    width: 100%;
    height: 100%;
    transition: all 0.8s ease-in-out;
    background: #fff;
}
#gig_loading_pixels , .gig_loading_pixels{
    position: absolute;
    bottom:4em;
    right: 4em;
    width: 6em;
    height: 4em;
}
#gig_loading_pixels div, .gig_loading_pixels div{
    margin: 0.5em auto;
    display: block;
    position: relative;
    top:0;
    height: 2px;
    background: #fff;
    transition: all 0.4s ease-in-out;
}
#gig_load_A{
    width: 1em;
    transition: all 0.4s ease-in-out;
    animation: rotating 2s linear infinite;
}
#gig_load_B{
    width: 4em;
    transition: all 0.4s ease-in-out;
    animation: rotating 2s linear infinite;
}
#gig_load_C{
    width: 2em;
    transition: all 0.4s ease-in-out;
    animation: rotating 2s linear infinite;

}
@keyframes rotating {
    60%{
        width:100%;
    }
}
/*end loading*/
/*start toggler*/
.port_toggle{
    z-index: 99;
    position:fixed;

    top:110%; 
    left: 0;
    width: 100%;
    height: 100%;
    background: #f1f1f1;
}
#ixproject_load{
    display: none;
    z-index: 100;
    position:absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    overflow: auto;
}
.port_toggle_cont{
    z-index: 99;
    position:relative;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: auto;
}
.toggle_cover_project{
    overflow: hidden;
    position:relative;
    top:0;
    left: 0;
    width: 100%;
    height: 20em;

}

.toggle_cover_project img{
    position:absolute;
    top:0;
    left: 0;
    width: 100%;
    height: auto;
    
}
.toggle_cover_project div{
    position:absolute;
    bottom:2em;
    right: 8em;
    width: auto;
    height: auto;
    color: #fff;
}
.toggle_cover_project p{
    font-size: 1.2em;
    font-weight: 900;
}
.toggle_cover_project h1{
    font-size: 1.8em;
    font-weight: 900;
}
.toggle_cover_title{
    position:relative;
    top:0;
    left: 0;
    width: 100%;
    height: 6em;
    background: #5adde9;
}
.toggle_cover_title article {
    position:absolute;
    top:0;
    left: 0;
    width: 30%;
    text-align: left;
    height:6em;
    cursor: pointer;
    background: #5adde9;
}
.toggle_cover_title article h1{
    display: inline-block;
    font-size: 1.8em;
    margin-left:2em;
}
.toggle_cover_title article p{
    display: block;
    margin-top: 1em;
    margin-left:2em;
    font-size: 1.2em;
}
.toggle_cover_title aside{
    position:absolute;
    top:0;
    right: 0;
    width: 70%;
    height:100%;
    background: #25ddcf;
    text-align: center;
}
.toggle_cover_title aside h1{
    display: inline-block;
    font-size: 2em;
    margin:1em auto;
    letter-spacing: 0.2em;
}
.toggle_cover_info{
    position:relative;
    top:0;
    left: 0;
    width: 100%;
    min-height: 10em;
    background:  #f1f1f1;
    text-align: center;
}
.toggle_cover_info article{
    overflow: hidden;
    display: inline-block;
    position:relative;
    top:0;
    left: 0;
    width: 65%;

    min-width: 300px;
    height: auto;   
    background: #e9e9e9;
    margin: 0.1em;
    margin-top: .8em;
    margin-bottom: .8em;
    padding: .8em;
}
.toggle_cover_info article p{
    margin: .6em auto;
    text-align: left;
    font-size: 1.2em;
}
.toggle_cover_info article a{
    color: #5adde9;
    margin: .2em auto;

    transition: all .2s ease-in-out;
}
.toggle_cover_info article a:hover{
    transition: all .2s ease-in-out;
    opacity: .6;
}
.toggle_cover_info aside{
    overflow: hidden;
    display: inline-block;
    position:relative;
    top:0;
    left: 0;
    width: 30%;
    min-width: 300px;
    height: auto;

    background: #d6d6d6;  
    margin: 0.2em;
    margin-bottom: 3em;
    padding: 1em;
}
.toggle_cover_info aside h2{

    font-size: 1.2em;
}
.toggle_cover_info aside li{

    font-size: 1.1em;
}
.toggle_cover_images{
    overflow: hidden;
    position:relative;
    top:0;
    left: 0;
    width: 100%;
    min-height: 30em;
}
.toggle_cover_images_i{
    margin: .5% auto;
    position:relative;
    top:0;
    left: 0;
    width: 99%;
    height: auto;
    background-size: cover;
}
.toggle_cover_images_i img{
    position:relative;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.toggle_cover_images_ii{
    overflow: hidden;
    margin: .5% auto;
    position:relative;
    top:0;
    left: 0;
    width: 99%;
    height: auto;
    text-align: center;
}
.toggle_cover_images_ii img{
    margin: 0 auto;
    display: inline-block;
    position:relative;
    top:0;
    left: 0;
    width: 40%;
    height: auto;
    min-height: 20em;
    min-width: 300px;
    margin: 2px;
}
.toggle_cover_images_ii img:nth-child(1){
    width: 59%;
}.toggle_cover_images_ii img:nth-child(2){
    width: 40%;

}
.toggle_footer{
    position:relative;
    top:0;
    left: 0;
    width: 100%;
    min-height: 2em;
    background: #000;
}
@media all and (max-width: 1023px) {
    .toggle_cover_project{
        height: 16em;
    }
    .toggle_cover_project div{
        bottom:2em;
        right: 6em;
    }
    .toggle_cover_title{
        height: 5em;
    }
    .toggle_cover_title article {
        width: 30%;
        height:5em;
    }
    .toggle_cover_title article h1{
        font-size: 1.6em;
        margin-left:2em;
    }
    .toggle_cover_title article p{
        margin-top: .8em;
        margin-left:1.5em;
        font-size: 1.2em;
    }
    .toggle_cover_title aside h1{

        margin:.8em auto;
    }
}
@media all and (max-width: 960px) {
    .toggle_cover_project{
        height: 14em;
    }
    .toggle_cover_project div{
        right: 5em;
    }
    .toggle_cover_project p{
        font-size: 1.1em;
    }

    .toggle_cover_project h1{
        font-size: 1.6em;
        letter-spacing: 0.1em;
    }
    .toggle_cover_info article{
        width: 90%;
        margin: 0.4em auto;
    }
    .toggle_cover_info aside{
        width: 90%;
        margin: 0.4em auto;
    }
     .toggle_cover_images_ii img{
    margin: 2px auto;
    display: block;
    position:relative;
    top:0;
    left: 0;
    min-width: 100%;
    }
}
@media all and (max-width: 600px) {
    .toggle_cover_project div{
        bottom:.5em;
        right: 2em;
    }
    .toggle_cover_project{
        height: 12em;
    }


    .toggle_cover_title article {
        width: 35%;
    }
    .toggle_cover_title aside{
        width: 65%;
    }
    .toggle_cover_title article {
        width: 30%;
        height:5em;
    }
    .toggle_cover_title article h1{
        font-size: 1.5em;
        margin-left:1.5em;
    }
    .toggle_cover_title article p{
        margin-top: .8em;
        margin-left:1.4em;
        font-size: 1.2em;
    }
    .toggle_cover_title aside h1{

        margin:1.4em auto;
        letter-spacing: 0.02em;
        font-size: 1.2em;
    }
   
}
/*end toggler*/
/* start logo*/
#gignet_logo_slide{
    cursor: pointer;
    z-index: 500;
    position: fixed;
    top: 2em;
    left: 2em;
    width: 8em;
    height: 4em;
    transition: all 1s ease-in-out;

}
.gignetlogoslideW{
    background-image: url(../img/gignet_mini_white.png);
    background-size: 90%;
    background-repeat: no-repeat; 
    transition: all 1s ease-in-out;
}
.gignetlogoslideB{
    background-image: url(../img/gignet_mini_black.png);
    background-size: 90%;
    background-repeat: no-repeat;   
    transition: all 1s ease-in-out;

}
#gignet_logo_social{
    cursor: pointer;
    z-index: 200;
    position: fixed;
    top: 2em;
    right: 4em;
    width:auto;
    height: auto;
    transition: all 1s ease-in-out;

}
/* end logo*/
#gignet_logo_social{
    cursor: pointer;
    z-index: 200;
    position: fixed;
    top: 2em;
    right: 4em;
    width:auto;
    height: auto;
    transition: all 1s ease-in-out;

}
#gignet_logo_social li{
    display: inline-block;
    position: relative;
    top: 0;
    right: 0;
    width: 2.5em;
    height: 2.5em;
    margin: 0.1em;
    margin-left: 0.6em;
    background-size:  100%;
    background-color: rgba(5,5,5,.2);
    border-radius:100%;
    transition: all 0.6s ease-in-out;
}
#gignet_logo_social li:hover{
    transition: all 0.6s ease-in-out;
    background-color: rgba(5,5,5,.9);
}
li.f{
    background-image: url(../img/gignetdigitalstudio_web_facebook.png);

}
li.ig{
    background-image: url(../img/gignetdigitalstudio_web_instagram.png);

}
li.t{
    background-image: url(../img/gignetdigitalstudio_web_twitter.png);

}
@media all and (max-width: 600px) {
    #gignet_logo_social{
        cursor: pointer;
        z-index: 200;
        position: fixed;
        top: 3em;
        right: 1em;
    }
}
/*end social media*/
#gignet_mobile_btn{
    cursor: pointer;
    z-index: 450;
    position: fixed;
    top: 0;
    right: 0;
    width: 2em;
    height: 2em;
    background: #fff;
}
#gignet_mobile_nav{
    display:none;
    cursor: pointer;
    z-index: 450;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}
#gignet_mobile_nav span{
    position: absolute;
    top: 2em;
    right: 2em;
    width:auto;;
    height:auto;
    background: #f1f1f1;
    padding: 0.4em;
    font-size: 1.4em;
    border-radius: 0.1em;
    color: #ccc;
}
#gignet_mobile_nav span:hover{
    transition: all 0.2s ease-in-out;
    color: #e1e1e1;
}
#gignet_mobile_nav ul{
    margin: 0 auto;
    text-align:center;
    position: relative;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: auto;
    height: auto;
}

#gignet_mobile_nav ul li a{
    margin: 2em;
    font-size: 4em;
    font-weight: 900;
    color:#5adde9;
}
#gigcontactus_slide{
    z-index: 198;
    overflow: hidden;
    position: fixed;
    bottom:0;
    left: 2em;
    width: 2em;
    min-height: 12em;

}
#gigcontactus_slide_p{
    padding-top: 0em;
    position: relative;
    top:6em;
    left: 0em;
    transform: rotate(-90deg);
    cursor: pointer;
    font-size: 1.3em;
    font-weight: 700;

    transition: all 1s ease-in-out;
}
.gigcontactus_slide_pW{

    transition: all 1s ease-in-out;
    color: #fff; 
}
.gigcontactus_slide_pB{

    transition: all 1s ease-in-out;
    color: rgba(5,5,5,.8); 
}
#gigcontactus_slide p:hover{
    transition: all 0.4s ease-in-out;
    color: #5adde9;
}
/*slide contact us navigation*/
@media all and (max-width: 1024px) {
    #gigcontactus_slide{
        left: 1em;
    }
    .gigcontactus_slide_pW{

        color: #25ddcf;
    }
}
@media all and (max-width: 600px){
    #gigcontactus_slide{
        left: .6em;
    }
}
/*start brief content */
aside.gigcontent{
    float: left;
    display: inline-block;
    overflow: hidden;
    position: relative;
    top:0;
    left: 0;
    width: 20%;
    height: 100%;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.slide_brief{
    display:block;
    text-align: left;
    margin: 1em auto;
    position:relative;
    top: 0;
    left: 0;
    width: 90%;
    height: auto;
    padding-top: 0;
    cursor: pointer;
    transition: all 0.4s ease-in-out;

}
.slide_brief h1{

    width: 96%;
    font-weight: 900;
    margin: 2em auto;
    margin-top: 3em;
    font-size: 1.6em;
    letter-spacing: 0.2em;
}
.slide_brief p{
    margin: 1.6em auto;
    font-size: 1.2em;
    padding: 0.4em;
    width: 90%;
    letter-spacing: 0.2em;
}
#slide_information{
    overflow: hidden;
    position:relative;
    top: 0%;
    left: 0;
    width: 100%;
    height: auto;
    padding-top: 1em;
    padding-bottom: 1em;
    cursor: pointer;

    letter-spacing: 0.3em;

    transform: translateY(0);
    transition: all 0.4s ease-in-out;
}
#slide_information p{
    z-index: 2;
    margin: 0 auto;
    position: relative;
    top:0;
    left: 0;
    width: 12em;
    height: 2em;
    letter-spacing: 0.2em;
    transition: all 0.2s ease-in-out;
    background: #fff;
    line-height: 2em;
    font-weight: 700;

}
#slide_information span{
    z-index: 2;
    display: inline-block;
    position: absolute;
    top:1em;
    right: 4em;
    width: 10em;
    height: 2em;
    transition: all 0.4s ease-in-out;
    opacity: 0;
}
#slide_information  span img{
    position: relative;
    top:0;
    left: 0;
    width: 3em;
    height: 2em;

}
#slide_information:hover p{
    left: -2em;
    color: #5adde9;
    transition: all 0.4s ease-in-out;
}
#slide_information:hover span{
    right: 0;
    transition: all 0.4s ease-in-out;
    opacity: 1;
}
/*end brief content */
@media all and (max-width: 1023px) {
    aside.gigcontent{
        float: none;
        width:100%;
        height: auto;
    }
    .slide_brief{
        margin: 0em auto;
    }
    .slide_brief h1{
        width: 96%;
        font-weight: 900;
        margin: 1em auto;
        margin-top: 2em;
    }
    #slide_information{
        display:none;
    }  
}
@media all and (max-height: 700px) {
    .slide_brief h1{
        margin-top: 1em;
    }
}
/*end brief content */
/*start slide */
#gig_slide{
    overflow: hidden;
    position: absolute;
    top:0;
    left: 0%;
    width: 75%;
    height: 100%;
    background: #000;
}
/*start slide content*/
#gig_slide_content{
    z-index: 5;
    overflow: hidden;
    position: absolute;
    top: 66%;
    left: 10%;
    transform: translateY(-66%);
    width: 100%;
    height:auto;
    color: #fff;
}
#gig_slide_content h4{
    position:relative;
    top:0;
    left: 0;
    width: auto;
    height: auto;
    font-size: 10em;
}
#gig_slide_content h5{
    margin-left: .05em;
    margin-top: -1.2em;
    position:relative;
    top:0;
    left: 0;
    width: auto;
    height: auto;
    font-size: 6em;
    color:#5adde9;
}
@media all and (max-width: 1023px) {
    #gig_slide{
        position: relative;
        left: 0%;
        width: 100%;  
    }
}
@media all and (max-width: 960px) {   
    #gig_slide_content{
        top: 64%;
        left: 5%;
        transform: translateY(-64%);
    }
    #gig_slide_content h4{
        font-size: 7em;
    }
    #gig_slide_content h5{
        margin-top: -1.2em;
        font-size: 4em;

    }   
}

@media all and (max-width: 800px) {
    #gig_slide{
        max-height: 480px;}
    #gig_slide_content{
        top: 54%;
        left: 7%;
        transform: translateY(-54%);
    }
    #gig_slide_content h4{
        font-size: 6em;
    }
    #gig_slide_content h5{
        font-size: 3em;
    }   
}
@media all and (max-width: 600px) {   

    #gig_slide{
        max-height: 480px;}
    #gig_slide_content{
        top: 54%;
        transform: translateY(-54%);
    }
}
@media all and (max-width: 400px) {
    #gig_slide_content{
        top: 50%;
        left: 9%;
        transform: translateY(-50%);
    }
    #gig_slide_content h4{
        font-size: 5em;
    }
    #gig_slide_content h5{
        font-size: 2em;
    } 
}
.slide{
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0; 
    width: 100%; 
    height: 100%;  
}
#slideshow { 
    margin: 0 auto; 
    position: absolute;
    top: 0;
    left: 0; 
    width: 100%; 
    height: 100%; 
    overflow:hidden;
    -webkit-transition: all .8s  ease-in-out;
    -moz-transition: all .8s  ease-in-out;
    -o-transition: all .8s  ease-in-out;
    transition: all .8s ease-in-out;
    border-style: none ; 

}
#slideshow:hover{  opacity:1;}
.scroll{ 
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
}
.slide a{ 
    z-index: 20;
    width: auto;
    height: auto;
    display: inline-block;
}
.imegs{
    position: absolute; 
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 10;
}
.imegs img{
    background-size: cover;
    opacity: 0.6;
    z-index: 10;
    width: 100%;
    height: 100%;
}
#nav-left{
    right: 16em;
}
#nav-right{
    right: 8em;
}
a.snav{
    text-align: center;
    position: absolute; 
    top: calc(100% - 6em);
    color:  black;
    cursor: pointer;
    width: 6em;
    height: 2em;
    line-height: 2em;
    opacity: 0.6;
    background-color: #5adde9;
    color: #fff;
    -webkit-transition: all 0.4s  ease-in-out;
    -moz-transition: all 0.4s  ease-in-out;
    -o-transition: all 0.4s  ease-in-out;
    transition: all 0.4s ease-in-out;
}
a.snav:hover{
    opacity: 0.9;
    -webkit-transition: all 0.4s  ease-in-out;
    -moz-transition: all 0.4s  ease-in-out;
    -o-transition: all 0.4s  ease-in-out;
    transition: all 0.4s ease-in-out;
}
.scont{
    z-index: 15;
    width: auto;
    height: auto;
    position: absolute; 
    top: 68%;
    left: 14%;
    transform: translate(14%,68%);
    text-align: left;
}
.slide_text p{ 
    z-index: 15;
    position: absolute;
    top:0;
    left: 0;
    width: 24em;
    height: auto;
    font-weight:700;
    font-size: 1.7em;
    transition: all 1s ease-in-out;
    color: rgb(255,255,255);
}
@media all and (max-width: 960px) {
    .scont{
        top: 67%;
        transform: translate(16%,67%);
    }
    .slide_text p{ 
        font-size: 1.5em;
        width: 20em;
    }

    #nav-left{
        right: 10em;
    }
    #nav-right{
        right: 3em;
    }
    a.snav{
        top: calc(100% - 3em);
    }
    .scont{

        left: 5em;
    }
    .slide_text p{ 
        font-size: 1.2em;
    }
}
@media all and (min-width: 800px) {
    .scont{
        top: 75%;
        transform: translate(14%,67%);
    }
}
@media all and (max-width: 400px) {
    .scont{
        left: 3em;
        top: 65%;
        transform: translate(14%,65%);
    }
    .slide_text p{ 
        font-size: 1.2em;
        width: 15em;
    }
}
/*end cover slides*/
#gigcontactus--back{
    display: none;
    z-index: 200;
    overflow: hidden;
    position:fixed;
    bottom:2em;
    left: 1em;
    width: auto;
    min-height: 10em;
    line-height: 2em;
}
#gigcontactus_back_p{
    padding-top: 0.5em;
    position: relative;
    top:4em;
    left: 0em;
    transform: rotate(-90deg);
    cursor: pointer;
    font-size: 1.4em;
    font-weight: 700;
    color: rgba(5,5,5,.8);
    transition: all 1s ease-in-out;

}
#gigcontactus_back_p::after{
    content: 'BACK';
}
#gigcontactus_back_p:hover{
    transition: all .4s ease-in-out;
    color: #5adde9;
}
@media all and (max-width: 1023px) {
    #gigcontactus--back{
        display: none;
        z-index: 200;
        overflow: hidden;
        position:fixed;
        top: calc(96% - 10em);
        right: 1em;
        width: 35px;
        height: 35px;

        line-height: 2em;
        background-size: 25px 25px;
    }
    #gigcontactus_back_p{
        opacity: .4;
    }
    #gigcontactus_back_p::after{
        content: url(../img/gignetdigitalstudio_web_cancel.png);
        position:relative;
        top:0;

        right: 0;
        width: 35px;
        height: 35px;
        background-size: 25px 25px;
    }
    #gigcontactus_back_p:hover{
        opacity: .9;
    }
}
/*contact us navigation*/
#gig_contactus{
    overflow: hidden;
    z-index: 199;
    overflow: hidden;
    position: fixed;
    top:0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #fff;

}
#gig_contactus article{

    overflow: hidden;
    display: inline-block;
    position: relative;
    top:50%;
    left: 25%;
    transform: translate(-50%,-25%);
    width: auto;
    height: 100%;
    color: rgba(0,0,0,.6);
}
#gig_contactus article h1{
    line-height: .9em;
    font-size: 3.8em;
}
#gig_contactus article h3{
    text-align: right;
    margin-top: 1em;
    margin-left: 3em;
    font-size: 1.6em;
    font-weight: 700;
}
#gig_contactus article h4{
    text-align: right;

    margin-top: 0.1em;
    margin-left: 3em;
    font-size: 1.6em;
    font-weight: 300;
}
#gig_contactus  aside{
    display: inline-block;
    overflow: hidden;
    float: right;
    position: relative;
    top:0;
    right: 0%;
    width: 50%;
    height: 100%;

    background: rgba(0,0,0,.7);
}
#gig_contactus  aside form{
    margin: 0 auto;
    overflow: hidden;
    margin-top: 0;
    position: relative;
    top:50%;
    right: 0%;
    width: 90%;
    height: auto;
    transform: translateY(-50%);
    padding: 5%;
}
#gig_contactus form label{
    margin: 0.4em auto;
    position: relative;

    left: 0;
    top: 0;
    height:2em;
    width: 100%;
    color: #fff;

}
#gig_contactus  .ftext{

    margin: 0.5em auto;
    display: inline-block;
    width: 100%;
    height: 3em;
    text-align: left;
    background: none;
    border: none;
    color: #fff;
    border-bottom: 0.2em solid #fff;

}
#gig_contactus  .farea{ 
    width: 100%;
    height: 3em;
    height: 5em;
}
#gig_contactus input:focus{

    color: #5adde9;
    border-bottom: 0em solid #5adde9;
}
.fbutton{
    margin: 1em auto;
    display: inline-block;
    width: 90%;
    height: 3em;
    text-align: right;
    border: none;
}
#gig_contactus .fbutt{
    margin: 1em auto;
    display: inline-block;
    width: 12em;
    height: 3em;
    text-align: center;
    background: #fff;
    color: #000;
    border: none;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}
#gig_contactus .fbutt:hover{
    transition: all 0.4s ease-in-out;
    color: #5adde9;

}
#gig_contactus form .xmsg{
    position: relative;
    top:0;
    left: 0;
    margin: 2em auto;
    color: #fff;
    width: 100%;
    height: auto;
    min-height: 2em;
}
#gig_contactus form .xmsg p{
    width: 98%;
    text-align: left;
    margin: 0.5em auto;
    color:  #5adde9;
    font-size: 1.2em;
}
@media all and (max-width: 1023px) {

    .gigcontactus_back_p{
        position: fixed;
        top:2em;
        float:right;
        padding-top: 0;
        position: relative;
        top:0;
        right: 0em;
        height: 100%;
        transform: rotate(0deg);
        margin-right: 2em;
    }
}
@media all and (max-width: 960px) {
    #gig_contactus{
        overflow-y: auto;

    }
    #gig_contactus article{
        top:0;
        left: 0;
        transform: translate(0);
        width: 100%;
        height: auto;
    }

    #gig_contactus article h1{
        margin-top: 4em;
        margin-left: 1em;
        font-size: 2.8em;
    }
    #gig_contactus article h3{
        text-align: left;
        font-size: 1.4em;
    }
    #gig_contactus article h4{
        text-align: left;
        font-size: 1.3em;
    }
    #gig_contactus  aside{
        display: block;
        float: none;
        top:0;
        right: 0%;
        width: 100%;
        height: auto;
    }
    #gig_contactus  aside form{
        top:0;
        height: auto;
        transform: translateY(0);
    }

    .gigcontactus_back_p{

        display: none;
    }}
@media all and (max-width: 600px) {
    #gig_contactus article h1{

        margin-top: 3.6em;
        margin-left: .8em;
        font-size: 2.4em;
    }
    #gig_contactus article h3{   
        margin-top: .6em;
        margin-left: 2em;
        font-size: 1.3em;
    }
    #gig_contactus article h4{
        margin-left: 2em;
        font-size: 1.1em;
    }

}
/*contact us*/