/*
* Underdog Design
* Responsive Styling
*
*/

    /* Small Mobile */
    @media only screen and (max-width: 767px) {
     	.desktop {display:none; }
		.tablet {display:none; }
		.mobile {display:inline-block; }
		.desktop-tablet {display:none; }
		.tablet-mobile {display:inline-block; }
		.mobile-small {display:inline-block; }
		.mobile-large {display:none; }
		.not-tablet {display: inline-block; }
		
		/* Global Elements */
		.mobile-centre {text-align: center;}
		.header-panel {background-image: none !important; background: #7ecbe9;}
		.header-panel img {margin: 20px 0 20px 0;}
		
		/* Menu */
		.full-menu-inner h1 {font-size: 4rem;}
		.full-menu-inner h3 {font-size: 2rem;}
		.full-menu-inner h1 {margin-top: 4rem;}
		
		/* Cards */
		.card-image {min-height: 40vw;}
		
		/* Homepage */
		.headline {margin-top: 4rem;}
		.large-image-right {position: relative; width: 100%; text-align: right;}
		.large-image-left {position: relative; width: 100%;}
		.large-image-right img, .large-image-left img {max-width: 90vw;}
		.featured-service {background: #ffffff; border: solid 1px #dadada; padding: 30px 40px 40px; margin: 0;}
		.slider-card-description {padding: 30px;}

}


    /* Large Mobile */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .desktop {display:none; }
		.tablet {display:none; }
		.mobile {display:inline-block; }
		.desktop-tablet {display:none; }
		.tablet-mobile {display:inline-block; }
		.mobile-small {display:none; }
		.mobile-large {display:inline-block; }
		.not-tablet {display: inline-block; }
		
		/* Global Elements */
		.mobile-centre {text-align: center;}
		.header-panel {background-image: none !important; background: #7ecbe9;}
		.header-panel img {margin: 20px 0 20px 0;}

		/* Menu */
		.full-menu-inner h1 {font-size: 4rem;}
		.full-menu-inner h3 {font-size: 2rem;}
		.full-menu-inner h1 {margin-top: 4rem;}
		
		/* Cards */
		.card-image {min-height: 30vw;}
		
		/* Homepage */
		.headline {margin-top: 6rem;}
		.large-image-right {position: relative; width: 100%; text-align: right;}
		.large-image-left {position: relative; width: 100%;}
		.large-image-right img, .large-image-left img {max-width: 90vw;}
		.featured-service {background: #ffffff; border: solid 1px #dadada; padding: 30px 40px 40px; margin: 0;}
		.slider-card-description {padding: 30px;}

}


    /* iPad */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
		.desktop {display:none; }
		.tablet {display:inline-block; }
		.mobile {display:none; }
		.desktop-tablet {display:inline-block; }
		.tablet-mobile {display:inline-block; }
		.mobile-small {display:none; }
		.mobile-large {display:none; }
		.not-tablet {display: none; }
		
		/* Global Elements */
		.logo {padding-top: 5rem;}
		.header-panel h1 {margin-top: 160px;}

		/* Menu */
		.full-menu-inner h1 {margin-top: 6rem;}
		
		/* Cards */
		.four.columns .card-image {min-height: 12vw;}
		.six.columns .card-image {min-height: 20vw;}
		
		/* Homepage */
		.headline {margin-top: 8rem;}
		.large-image-right {position: absolute; top: 0; right: 0;}
		.large-image-left {position: absolute; top: 0; left: 0;}
		.large-image-right img, .large-image-left img {max-width: 50vw;}
		.featured-service {background: #ffffff; border: solid 1px #dadada; padding: 30px 40px 40px; margin: 0; width: 33.3% !important;}
		.slider-card-description {padding: 30px 30px 30px 0;}
		.quote-panel {display: inline-block; width: 30px; vertical-align: top;}
		.quote-panel-text {display: inline-block; width: calc(100% - 70px); margin-left: 20px;}

}
	
	
    /* Desktop */
    @media only screen and (min-width: 960px) {
		.desktop {display:inline-block; }
		.tablet {display:none; }
		.mobile {display:none; }
		.desktop-tablet {display:inline-block; }
		.tablet-mobile {display:none; }
		.mobile-small {display:none; }
		.mobile-large {display:none; }
		.not-tablet {display: inline-block; }
		
		/* Global Elements */
		.logo {padding-top: 5rem;}
		.header-panel h1 {margin-top: 160px;}
		
		/* Menu */
		.full-menu-inner h1 {margin-top: 6rem;}
		
		/* Cards */
		.four.columns .card-image {min-height: 12vw;}
		.six.columns .card-image {min-height: 20vw;}
		
		/* Homepage */
		.headline {margin-top: 15rem;}
		.large-image-right {position: absolute; top: 0; right: 0;}
		.large-image-left {position: absolute; top: 0; left: 0;}
		.large-image-right img, .large-image-left img {max-width: 40vw;}
		.featured-service {background: #ffffff; border: solid 1px #dadada; padding: 30px 40px 40px; margin: 0; width: 33.3% !important;}
		.slider-card-description {padding: 30px 30px 30px 0;}
		.quote-panel {display: inline-block; width: 30px; vertical-align: top;}
		.quote-panel-text {display: inline-block; width: calc(100% - 70px); margin-left: 20px;}

}