﻿/* IE10+ SPECIFIC STYLES GO HERE. IE10+ NO LONGER SUPPORT CONDITIONAL STATEMENTS IN THE HEAD OF A FILE */ 
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  

}



@media (max-width: 970px) 
{

}

@media (max-width: 780px) 
{
}

@media (max-width: 640px) 
{
	
	
    body    {background-size: 250% auto;}
	.home-splash {margin-top: 27vw; }

	h1 {font-size: 36px;}
	h2 {font-size: 31px; line-height: 1.2em;}
	h3 {font-size: 24px; line-height: 1.2em;}
	
    p                   {font-size: 18px; margin-top: 18px; line-height: 1.2em;}
    .btn                {font-size: 14px; padding: 12px;}
	
	.signup-form .inner {width: 100%;}
	
	

    .icon   {width: 50px;}
	.video-icon {width: 50px; height: 50px; border-radius: 11px;}
	
	input[type="text"]  {}
	
    .intro-section  {padding: 100px 0}
    
    header .btn     {flex-shrink: 0}
    header .inner   {gap: 15px;}
    .logo           {}
    
    .signup-form    {padding: 50px 0}
}

@media (max-width: 500px) 
{
    .logo   {width: 200px;}
    p       {}
    .btn    {}
    input[type="text"]  {}
    
    .intro-section  {padding: 50px 0}
}

@media (max-width: 375px) 
{
    .logo           {width: 150px;}
    header          {padding: 20px 0}
    header .btn     {padding: 15px}
}

@media (max-width: 360px) 
{
    /* SAMSUNG GALAXY S5 */
}

@media (max-width: 320px) 
{
    /* IPHONE 5 */
}