@media only screen and (max-width: 48em) {
  
    /*Boat Wraps*/
    .inquire {
        background: #464646;
        padding: 6% 0;
        margin: 0;
        position: fixed;
        bottom: 0;
        max-width: 100%;
    }

    .inquire img {
        display: none;
        width: 100%;
    }
    
    .web {
        display: none;
    }
    .phone {
        display: block;
        width: 100%;
    }
    .inquire a {
        text-decoration: none;
        color:white;
        font-size: 3.1em;
        font-weight: 600;
        text-align: center;
        padding: 0 31.5%;
    }
    
    .boat_menu {
        margin: 3% 23%;
        font-size: 1.6em;
    }
    
    .boat_menu-last {
        margin: 3% 23% 0 23%;
    }
    
    .boat_submenu{   
        margin: 0 23% 3% 23%;
    }
    
    .anchor li{
        padding-top: 16em;
        margin-top: -16em;
    }
    
    .social_menu img{
        margin: 0 10%;
        width: 7%;
    }
    
    strong {
        width: 100%;
        margin: 0 20%;
        font-size: 1.15em;
    }
    
    .portfolio-faqs {
        width:83%;
    }
    
    .offset {
        margin-bottom: 3.4em;
    }
    
    footer {
        width: 103%;
    }
    
    section {
            margin-top:21.5em;
        }
             
     .description {
         float: none;
        width:93%;
        padding: 3em 5%;
        font-size: 1em;
         line-height: 1.3em;
        }
    .description img {
        padding: 0 0 1.5em 27em;
        max-width: 90%;
        }
     .portfolio img {
        width: 90%;
        height:25em;
         }
    .portfolio {
        width:100%;
        padding: 1em;
        }

     /* #menu is the original menu */
    .menu {
        display: block;
        margin: 0;
    }
    
    .logo img {
        clear: left;
        float: none;
        margin: 0;
        max-width: 100%;
        padding: 0 13%;
        text-align: center;
        /*background: red;*/
        }
 }
    
@media screen and (max-width: 39em) {
	.inquire a {
        padding: 0 27.5%;
    } 
    
}

@media screen and (max-width: 32em) /*iPhone Screen*/ {
	.inquire a {
        padding: 0 ;
    }
    .offset {
        margin-bottom: 6.5em;
    }
    .content  {
        max-width: 1500px;
        margin: 0 8%;
        padding: 3em 1em;
    }
    
	.mediabox {
		text-align: center;
	}

	.mediabox img {
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}

	.mediabox h3 {
		margin: 1.25em 0 1em;
	}

	.mediabox p {
		margin: 0;
	}
    #social {
        position: absolute;
       margin-left: 65%;
        width: 30%;
        top:0;
	}
    .logo img {
        width: 100%;
        margin: 0;
        padding: 0;
        /*background: brown;*/
        }

    header {
        height: 20em;
    }
    nav {
        height:9.8em;
        }
     nav a {
        padding:.5em 3%;
        line-height: 3.5em;
         font-size: 120%;
        margin-top: -.8em;
        }
    section {
            margin-top:31%;
        }
}

@media screen and (max-width: 29em)  {
	.inquire a {
        padding: 0 20%;
    }    
}
    
@media only screen and (max-width: 24em) {
   .inquire a {
        padding: 0 25%;
    }
    .logo img {
        clear: left;
        float: none;
        margin: 0 ;
        max-width: 90%;
        padding: 0;
        text-align: center;
       /*background: yellow;*/
        }
    .address {
        clear: left;
          float: none;
          margin: 0 auto;
		  max-width: 100%;
        padding: 0 0 4% 0;
        }
    #right {
        float: none;
        text-align: center;
        padding: 0 10%;
    }
    #social {
        position: absolute;
       margin-left: 58%;
        width: 30%;
	}
    #social a img {
        width: 15%;
	}
    nav {
        height:38.5%;
        }
     section {
            margin-top:26em;
        }
    
}


@media screen and (max-width: 20.3em) {
     nav {
        height:14.1em;
     }
    section {
            margin-top:25.6em;
        }
}