@media only screen and (max-width: 900px) {
    #mobileMenu
        {
                display: block;
                z-index: 99;
                position: relative;
                width: 100%;
                
        }
        #mobileMenu li{
            padding: 15px;
            background-color: rgba(255, 20, 20, 0.8);
            border: 1px solid rgba(250, 250, 250, 0.7);
            color: white;
            font-weight: 600;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        .toggleMobile
        {
                position: absolute;
                top: 30px;
                right: 20px;
                display: block;
                width: 0px;
                height: 0px;
                cursor: pointer;
                z-index: 999;
                padding: 15px;
                background-color: rgba(250, 0, 0, 0.0);
        }
        .toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
        {
                display: block;
                position: absolute;
                width: 25px;
                height: 5px;
                right: 0;
                padding-left: 4px;
                background: rgba(250, 0, 0, 0.6);
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile span.menu1
        {
                top: 0;
        }
        .toggleMobile span.menu2
        {
                top: 8px;
        }
        .toggleMobile span.menu3
        {
                top: 16px;
        }
        .toggleMobile.active span.menu1
        {
                top: 4px;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile.active span.menu2
        {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile.active span.menu3
        {
                opacity: 0;
                -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
   #drill{
        margin: 20px 66% 20px 20%;
    }
    #refine{
        margin: 20px 66% 20px 20%;
    }
    #transport{
        margin: 20px 66% 20px 20%;
    }
    #main_menu{
        display: none;
    }
    .writeup {
        display: none;
    }
    .mySlides:hover > .writeup{
    display: none;
    }
    #big_wrapper{
        margin: 10px 30px 10px 30px;
    }
    #container{
        width: 100%;
    }
     #partners{
      display: none;
      float: left;
      margin-right: 20px;
      margin-bottom: 50px;      
 }
 form{
     margin-bottom: 50px;
     float: left;
     margin-right: 20px;
 }
 input{
     width: 100%;
     height: 40px;
     border-radius: 4px;
     border: 1px solid rgba(0,0,0,0.3);
     padding: 5px;
 }
 #contact_1{
     width: 100%;
     float: left;
 }
}