@media only screen 
and (min-device-width: 10px) 
and (max-device-width: 374px){
  
    /*.hero{ height:400px; background-size:auto 400px; background-position: top; padding-top:20px; text-shadow: -1px 0 #777, 0 1px #777, 1px 0 #777, 0 -1px #777;}*/
    .hero{ height:500px !important; padding-top:20px; text-shadow: -1px 0 #777, 0 1px #777, 1px 0 #777, 0 -1px #777;}
    .hero h1 { color:#fff; font-size: 25px; letter-spacing: 12px; margin: 10px; }
		.hero h1 span {
			color: #9dc5fe;
			display: inline-block;
		}
		.hero p {
			color: #9dc5fe;
		}
    
    /*#name{ margin-top:150px; margin-bottom: -70px;}*/
    #name{ margin-top:50px; margin-bottom:0;}

    .section-padding{ padding-top:10px; padding-bottom: 10px;}
    .portfolio{padding:0;}
    
    #portfolioSlider{ display:none;}
    #portfolioPhone{ display: block;}
    .portfolioPhone{ height:500px;}
    
    .icon{ height:100px; width:100px; margin: 0 auto 0; line-height: 0px;}
    
    h2::after {margin: 10px auto;}

    #already{ padding:15px 5px; font-size: 25px; width:96%; margin-left:2%;}
    #already h1{ margin:0; font-size: 30px;}
    #already h1 span{font-size:20px;}

    #melioralready {
        padding: 15px 5px;
        font-size: 25px;
        width: 96%;
        margin-left: 2%;
    }

        #melioralready h1 {
            margin: 0;
            font-size: 30px;
        }

            #melioralready h1 span {
                font-size: 20px;
            }
   
    #ignite {padding:5px;}
    #ignite h1{margin:10px;}
    
    .table-container{ width:100%; margin-left:0%; margin-right:0%;}
    
    a.tip:hover span {left: -250px;}

    
    .clubImg{ margin-left:0px; width:100%; font-size: 12px;}
    .clubImg a span{ display:none;}
    
    #servicesSlider{ margin-top:30px;}
    
    .container.designs{ top: 0px;}
    
    .swag { padding: 10px 0;}
    .meliorswag {
        padding: 10px 0;
    }
    .wrapper { height: 400px; }
    
    .ignite-cta { background-color: #242830; padding: 0;}
    
    .subscribe{ height:400px; padding: 35px 0 35px;}
    .subscribe h1 { color: #fff; margin-bottom: 0px; }
    
    .learn-more-btn { margin-top:20px;}
    
    #explore{  margin-top:60px;}
}

@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 1280px){
  
    /*.hero{ height:800px; background-size:1280px auto; background-position: top; padding-top:20px; text-shadow: -1px 0 #777, 0 1px #777, 1px 0 #777, 0 -1px #777;}*/
	.hero {
		height: 800px;
		padding-top: 20px;
		text-shadow: -1px 0 #777, 0 1px #777, 1px 0 #777, 0 -1px #777;
	}
    .hero h1 { color:#fff; font-size: 25px; letter-spacing: 12px; margin: 10px; }
		.hero h1 span {
			color: #9dc5fe;
			display: inline-block;
		}
		.hero p {
			color: #9dc5fe;
		}
    
    #name{ margin-top:450px; margin-bottom: -70px;}
    
    .section-padding{ padding-top:10px; padding-bottom: 10px;}
    .portfolio{padding:0;}
    
    #portfolioSlider{ display:none;}
    #portfolioPhone{ display: block;}
    .portfolioPhone{ height:500px;}
    
    .icon{ height:100px; width:100px; margin: 0 auto 0; line-height: 0px;}
    
    h2::after {margin: 10px auto;}

    #already{ padding:15px 5px; font-size: 25px; width:96%; margin-left:2%;}
    #already h1{ margin:0; font-size: 30px;}
    #already h1 span{font-size:20px;}
    #melioralready {
        padding: 15px 5px;
        font-size: 25px;
        width: 96%;
        margin-left: 2%;
    }

        #melioralready h1 {
            margin: 0;
            font-size: 30px;
        }

            #melioralready h1 span {
                font-size: 20px;
            }
    
    #ignite {padding:5px;}
    #ignite h1{margin:10px;}
    
    .table-container{ width:100%; margin-left:0%; margin-right:0%;}
    
    a.tip:hover span {left: -250px;}

    
    .clubImg{ margin-left:0px; width:100%; font-size: 12px;}
    .clubImg a span{ display:none;}
    
    #servicesSlider{ margin-top:30px;}
    
    .container.designs{ top: 0px;}
    
    .swag { padding: 10px 0;}
    .meliorswag {
        padding: 10px 0;
    }
    .wrapper { height: 400px; }
    
    .ignite-cta { background-color: #242830; padding: 0;}
    
    .subscribe{ height:400px; padding: 35px 0 35px;}
    .subscribe h1 { color: #fff; margin-bottom: 0px; }
    
    .learn-more-btn { margin-top:20px;}
    
    #explore{  margin-top:60px;}
}

@media only screen 
and (min-device-width: 1281px) 
and (max-device-width: 3550px){
    /*.hero{ height:100%; background-size:100% auto; background-position: top; padding-top:20px; text-shadow: -1px 0 #777, 0 1px #777, 1px 0 #777, 0 -1px #777;}*/
    .hero{ padding-top:20px; text-shadow: -1px 0 #777, 0 1px #777, 1px 0 #777, 0 -1px #777;}
    .hero h1 { color:#fff; font-size: 40px; letter-spacing: 12px; margin: 10px; }
		.hero h1 span {
			color: #9dc5fe;
			display: inline-block;
		}
		.hero p {
			font-size: 25px;
			color: #9dc5fe;
		}
    
    #name{ margin-top:50px; margin-bottom:0;}
    
    
    
}