/*ipad Landscape*/
@media only screen and (max-width: 68.750em) {

    .logo-mobile {
        display:none;
    }

    h1 {
        font-size: 2.5em;
    }

    h2 {
        font-size: 2.0em;
    }

    h3 {
        font-size: 1.7em;
    }

    h4 {
        font-size: 1.5em;
    }

    h5 {
        font-size: 1em;
    }

    .caption{
        padding: 0 60px;
    }

    .caption h1 {
        font-size: 1.15em;
    }

    .caption h2.title {
        font-size: 2.3em;
    }

    figure, figcaption {
       height: 600px;
    }

    figcaption{
        padding: 0px 100px;
    }

    figcaption br{
        display: none;
    }


    #logo {
        left: 70px;
    }

    .main-nav{
        margin-top: 58px;
    }

    .top_nav {
        padding-right: 30px;
    }

    .centre-panel {
        padding: 50px;
    }


    html input[type="button"],
    input[type="reset"],
    input[type="submit"] {

        font-size: 0.95em;

    }

    [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
    textarea {

        font-size: 0.95em;

    }

    [type='text']::-webkit-input-placeholder, [type='password']::-webkit-input-placeholder, [type='date']::-webkit-input-placeholder, [type='datetime']::-webkit-input-placeholder, [type='datetime-local']::-webkit-input-placeholder, [type='month']::-webkit-input-placeholder, [type='week']::-webkit-input-placeholder, [type='email']::-webkit-input-placeholder, [type='number']::-webkit-input-placeholder, [type='search']::-webkit-input-placeholder, [type='tel']::-webkit-input-placeholder, [type='time']::-webkit-input-placeholder, [type='url']::-webkit-input-placeholder, [type='color']::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {

        font-size: 0.95em;

    }

    [type='text']:moz-placeholder, [type='password']:moz-placeholder, [type='date']:moz-placeholder, [type='datetime']:moz-placeholder, [type='datetime-local']:moz-placeholder, [type='month']:moz-placeholder, [type='week']:moz-placeholder, [type='email']:moz-placeholder, [type='number']:moz-placeholder, [type='search']:moz-placeholder, [type='tel']:moz-placeholder, [type='time']:moz-placeholder, [type='url']:moz-placeholder, [type='color']:moz-placeholder,
    textarea:moz-placeholder {

        font-size: 0.95em;

    }

    [type='text']:-ms-input-placeholder, [type='password']:-ms-input-placeholder, [type='date']:-ms-input-placeholder, [type='datetime']:-ms-input-placeholder, [type='datetime-local']:-ms-input-placeholder, [type='month']:-ms-input-placeholder, [type='week']:-ms-input-placeholder, [type='email']:-ms-input-placeholder, [type='number']:-ms-input-placeholder, [type='search']:-ms-input-placeholder, [type='tel']:-ms-input-placeholder, [type='time']:-ms-input-placeholder, [type='url']:-ms-input-placeholder, [type='color']:-ms-input-placeholder,
    textarea:-ms-input-placeholder {

        font-size: 0.95em;

    }

    input.formelement-textfield,
    .formelement-textarea.formerror,
    input.formelement-textfield.formerror,
    textarea.formerror,
    select.formerror{
        font-size: 0.95em;
    }   

    .messagetext-header {
        font-size: 0.95em;
    }

    .disclaimer {
        font-size: 0.95em;
    }

    #contact_form {
        margin-top: 100px;
    }

    #formelement-submit {
  
        float: none;
    }

    footer p {
        margin-left: 45px;
    }

    .backtotop {
        bottom: 60px;
        opacity: 1;
    }

    .contact-section .medium-3 {
        padding-top: 10px;
        width: 35%;
    }

    .contact-section .medium-9 {
        width: 65%;
    }


}

@media only screen and (max-width: 60.5em) {
    .tiles .medium-6{
        width: 100%;
    }
    .tiles .medium-push-6 {
        left: 0;
    }

    .tiles .medium-pull-6 {
        left: 0;
    }

}

/*ipad Portrait*/
@media only screen and (max-width: 48em) {

    .tiles .medium-6{
        width: 100%;
    }
    .tiles .medium-push-6 {
        left: 0;
    }

    .tiles .medium-pull-6 {
        left: 0;
    }

    .logo-mobile {
        display:none;
    }

    #logo {
        width: 250px;
        left: 55px;
    }

    .main-nav {
        margin-top: 45px;
    }

    .top_nav {
        padding-right: 40px;
    }

    .main-nav ul li {
        margin: 0 5px;
    }

    .main-nav ul li a {

        padding: 3px;
    }   

    .bg-container {
        
        height: 800px;
    }

    .scroll-down {
        display: none;

    }

    .centre-panel {
        padding: 70px;
    }

    .centre-text{
        width: 100%;
        padding-right: 0;
    }


    figcaption{
        padding: 0px 30px;
    }

    .container-wrap {
        height: auto;
    }

    .caption{
        margin-top: 30px;
        padding: 0px 70px;
    }

    .slick-prev, .slick-next{
        display:none;
    }

    #contact_form {
        margin-top: 50px;
    }

    .contact-section .medium-3 {
        width: 100%;
    }

    .contact-section .medium-9 {
        width: 100%;
    }


}




/*Mobile Landscape*/
@media only screen and (max-width: 45em) {

    .tiles .medium-6{
        width: 100%;
    }
    .tiles .medium-push-6 {
        left: 0;
    }

    .tiles .medium-pull-6 {
        left: 0;
    }

    #logo {
        display: none;
    }

    .logo-mobile {
        display:block;
        width: 250px;
        -webkit-animation-duration: 1s;
        -webkit-animation-delay: 0.8s;
        animation-duration: 1s;
        animation-delay: 0.8s;
        margin: 20px auto;
   }

   .main-nav {
        margin-top: 110px;
   }
    
    .top_nav {
        padding-right: 0;
        margin-left: 0;
        text-align: center;
    }

    .main-nav ul li a{

        font-size: 1em;
    }

    h1 {
        font-size: 2.0em;
    }
    
    h2 {
        font-size: 1.8em;
    }

    .bg-container {
        height: 302px;
    }

    .container-wrap {
        height: auto;
    }


    .caption {
        width: 100%;
        margin: 0 auto;
        position: static;
        padding: 50px;
        top: 0;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -o-transform: translateY(0%);
        background: #1a355e;
    }

    .caption br {
        display: none;
    }

    .caption h1 {
        padding: 0;
        font-size: 1.15em;
    }

    .caption h2.title {
        font-size: 2.0em;
        margin-bottom: 10px;
    }

    #page_about{
        height: 750px;
    }

    #page_about h4, #page_about p {
        text-align: left;
    }

    #page_about .medium-6 {
        padding: 10px 20px;
    }

    .centre-panel {
        padding: 50px;

    }

    .scroll-down {
        display: none;     
    }

    .content-divider {
        margin: 25px auto;
    }

    .tiles .medium-6{
        width: 50%;
    }

    #page_proj{
        height: 600px;
    }

    .contact-section{
        padding: 40px 20px;
    }

    #contact_form {
        margin-top: 50px;
        padding-bottom: 30px;
    }


    .backtotop {
        right: 25px;
        bottom: 15px;
    }

    footer p {
        text-align: center;
        margin-left: 0;
    }

    .v-align{
        top: 50%;
    }

    .formelement-textfield.medium-6 {
        padding-right: 0;
    }

    .formelement.medium-6 {
        padding-right: 0;
    }

    #formelement-submit {

        float: left;
    }
    
    .disclaimer {
        font-size: 0.775em;
    }

}


@media only screen and (max-width: 720px) {

    .tiles .medium-6{
        width: 100%;
    }
    .tiles .medium-push-6 {
        left: 0;
    }

    .tiles .medium-pull-6 {
        left: 0;
    }


}


/*Mobile Portrait*/
@media only screen and (max-width: 35em) {

    #page_proj{
        height: 400px;
    }

    #page_about{
        height: 1300px;
    }

    .centre-panel h2 {
        margin-top: 30px;
    
    }

    .contact-section h2, .contact-section p {
        text-align: center;
    }

    .contact-divider {
        margin: 20px auto;
    }

    .caption h2.title {
        margin-bottom: 15px;
    }
    
    figure{
        height: 300px;
    }

    #page_about h4, #page_about p {
        text-align: center;
    }

    #formelement-submit {

        float: none;
        margin-left: 110px;
    }
}