/* Overrides from Tristan's Mobile Device Testing */

/* Global Overrides */
@media only screen and (max-width: 639px){
	h1 {
	    font-size: 38px;
	    line-height: 38px;
	    margin-bottom: 10px;
	}
	
	h1 .subhead {
    font-size: 23px;
    line-height: 22px;
	}
}

/* Nexus 6P Overrides */
@media only screen and (max-width: 435px){
	.column {
    position: relative;
    width: 48%;
    min-width: 320px;
    float: left;
	}
	
	#callout{
		min-width:320px;
	}
	.contactPage{
		vertical-align: middle;
		margin-left:-30px;
		font-size:10px;
		text-align:left;
	}
}

/* iPHone 6s Overrides */
@media only screen and (max-width: 414px){
	.box.totals {
		min-width: 305px !important;
	    margin-bottom: 50px;
	}

}

/* Nexus 5X Overrides */
@media only screen and (max-width: 411px){
	
	.box.totals {
		min-width: 300px !important;
	    margin-bottom: 50px;
	}
	
	.column {
    position: relative;
    width: 48%;
    min-width: 320px;
    float: left;
	}
	
	#callout{
		min-width:320px;
	}
	.contactPage{
		vertical-align: middle;
		margin-left:-30px;
		font-size:10px;
		text-align:left;
	}
}

/* iPHone 6 Overrides */
@media only screen and (max-width: 375px){
	
	.column {
    position: relative;
    width: 48%;
    min-width: 288px;

    float: left;
	}
	
	.box.totals {
		min-width: 269px !important;
	    margin-bottom: 50px;
	}
	
	#callout{
		min-width:288px;
	}
	
	.form label {
		font-size:10px;
	}
	
	#scheduleForm {
	margin-left:-7.5px;
	}
	
}

/* Galaxy S5 Overrides */
@media only screen and (max-width: 360px){
	.box.totals {
		min-width: 255px !important;
	    margin-bottom: 50px;
	}

	.form th {
	font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    color: #000;
    line-height: 18px;
    width: 30%;
    padding: 10px 0 10px 10px;
    vertical-align: middle;
    border: 1px solid #cbbe9a;
    background: #dfd8c4;
	}
	
	.form td {
	font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    color: #000;
    padding: 0 5px 0 5px;
    border: 1px solid #cbbe9a;
    vertical-align: middle;
	}
	
	.form:before {
		font-size:13px;
	}
	
	.eventType:before, .event:before {
		font-size:11px;
	}
	
	.form label {
		font-size:10px;
	}
	
	

	.contactPage{
		vertical-align: middle;
		margin-left:-30px;
		font-size:10px;
		text-align:left;
	}
	
	input[type="radio"] + label {
    position: relative;
    display: inline-block;
    float: left;
    list-style: none;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    min-height: 26px;
    padding: 5px 10px 0 25px;
    background: url(../img/global/radio-unchecked-retina.png) no-repeat 0 3px;
    background-size: 23px;
	}
	
	
	/* about-the-boat */
	#callout{
		min-width:250px;
	}

}


/* iPHone 5 Overrides */
@media only screen and (max-width: 320px){
	
	.box.totals {
		min-width: 215px !important;
	    margin-bottom: 50px;
	}

	.column {
    position: relative;
    width: 48%;
    min-width: 250px;
    float: left;
	}
	
	.fullwidth {
    box-sizing: border-box;
    width: 100%;
    min-width: 250px;
    clear: both;
	}
	#currentYearTable{
		margin-left:-27px;
	}
	
	#headerContainer .phone .logoBanner {
    position: absolute;
    display: block;
    height: auto;
    width: 134px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
    color: #fff;
    z-index: 10;
	}
	
	#headerContainer .phone .logoShadow {
    display:none;
	}
	
	#contactTable {
    min-width: 150px;
    width: 100%;
	}
	
	.form th {
	font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    color: #000;
    line-height: 18px;
    width: 30%;
    padding: 10px 0 10px 10px;
    vertical-align: middle;
    border: 1px solid #cbbe9a;
    background: #dfd8c4;
	}
	
	.form td {
	font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    color: #000;
    padding: 0 5px 0 5px;
    border: 1px solid #cbbe9a;
    vertical-align: middle;
	}
	
	.form:before {
		font-size:13px;
	}
	
	.eventType:before, .event:before {
		font-size:11px;
	}
	
	.form label {
		font-size:10px;
	}
	
	.form input, .form select, .form textarea {
		min-width:55px;
		/* max-width:147px; */
	}
	
	.form .halfsize .select {
		max-width:25px;
	}
	
	.field label{
		max-width:50px;
		padding:0 0 0 0;
	}
	
	.form .halfsize .dash {
	display: none;
	/*
    position: relative;
    display: inline-block;
    text-align: center;
    width: 10%;
    */
	}
	
	#scheduleForm {
	margin-left:-19px;
	}
	
	.contactPage{
		vertical-align: middle;
	/*	margin-left:-30px; */
		font-size:10px;
		text-align:left;
	}
	
	input[type="radio"] + label {
    position: relative;
    display: inline-block;
    float: left;
    list-style: none;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    min-height: 26px;
    padding: 5px 10px 0 25px;
    background: url(../img/global/radio-unchecked-retina.png) no-repeat 0 3px;
    background-size: 23px;
	}
	
	
	/* about-the-boat */
	#callout{
		min-width:250px;
	}

}