﻿@media only screen and (min-width: 768px) {

body
{
font-size: 0.9em;
font-weight: 400;
    line-height: 1.2em;
}

    #homepage {
        height: 1024px;
    }

    #header {
        position: fixed;
    }

    #headertop {
    }

    #logoholder {
    }

        #logoholder img {
        }

    d-iv {
        border: 1px solid #000000;
    }

    #menuholder {
    }

    #menu {
    }

    #hamburger {
    }

    #littlemenu {
    margin-top:91px;
    }

    /* main content stuff*/

    .containerblock {
        margin-top: 60px;
        m-in-height: 500px;
    }

    /*Intro*/

    #cycler {
        height: 530px;
    }

        #cycler img {
        }

            #cycler img.active {
            }

    #introtext {
    }

    /* about us */
    #aboutus {
        h-eight: 984px;
    }

    #aboutusservices {
        display: block;
        float: right;
        width: 35%;
    }

    #aboutustext {
        float: left;
        width: 60%;
    }

    /*
                Contact
                */
    #addressicon {
        width: 50px;
        float: left;
        margin-left: 10px;
        margin-top: 30px;
        display: none;
    }

    #address {
        margin-bottom: 20px;
        margin-top: 0px;
        width: 100%;
        font-size: 0.93em;
        margin-top: 20px;
        /*border:none;
        padding-top:0px;*/
    }

    /*#addresstext {
        float: left;
        margin-left: 5%;
    }

    #addressphones {
        float: right;
        margin-right: 5%;
    }*/

    #contact {
    }



    /*#social {
        padding: 36px;
        padding-top: 10px;
    
    */
    #social
{
    width: 250px;
    /*padding: 36px;
    padding-top: 10px;
    border-top: 1px solid #000000;*/
}

    #soc-flickrholder {
   
    }

    #soc-linkedinholder {
     margin-right: 20px;
    }

    /*  Project blocks */


    .projectblock {
        width: 40%;
        border: 1px solid #666666;
        margin: 5%;
        margin-top: 2%;
        margin-bottom: 2%;
        float: left;
    }

    .projectheader {
    }

    .projectimages {
        background-color: #cccccc;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 60%;
    }

    .projecttext {
        width: 100%;
        padding-left: 10%;
        padding-right: 10%;
        padding-top: 5%;
        padding-bottom: 5%;
        height: 130px;
    }

    #moretext {
        max-width: 1000px;
        margin-right: auto;
        margin-left: auto;
        
        
    }

    #moretextstrap {
        font-size: 1.27em;
        margin-left: 17%;
        margin-right: 17%;
        line-height:1.5em;
        padding:0px;
    }

    .moretextblock {
        float: left;
        width: 30%;
        margin-right: 3%;
        text-align: left;
        padding:0px;
        padding-left:5px;
        line-height:1.5em;
    }

    .containerblock {
        max-width: 1000px;
        margin-right: auto;
        margin-left: auto;
        
    }
    
    #sliderholder {
    m-ax-width: 768px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top:80px;
}





.overtext
    
    {
    
    max-width:1000px;
   margin-left:auto;
   margin-right:auto;
   font-size:1.8em;
    line-height:1em;
   padding-top:2.5%;
   color:#cccccc;
     /*text-shadow: 2px 2px 8px #767475;*/
    
    }
    
    .overtextholder
    
    {
     position:absolute;
    top:5px;
    float:left;
    z-index: 100;
    width:100%;
    display:block;
    }
    
    .undertext
    {
    display:none;
    }
    
    /*.holderblockbottom {

    max-width:1000px;
    margin-left:auto;
     margin-right:auto;
     margin-top:50px;
}*/
#instructions
    {
   
    margin-left:25%;
    margin-right:25%;
     }
}

