/* Small Phones */
@media only screen and (max-width: 480px)
{
    .contact-form { width: 100%; }
    .socials-main { display: none; }
    .welcome img 
    { 
        margin-top: 30px;
        align-content: center;
        margin-left: 50px;
    }
    .mobile-nav-icon 
    { display: inline-block; }
    .navigation { margin-top: 0px; }
}

/* Larger Phones/Small Tablets - just short of ipads 481-767 */
@media only screen and (max-width: 768px)
{
    h1 {font-size: 180%; }
    h2 {font-size: 150%; }
    .about-me h2 { margin-bottom: 0px; }
    .nic-photo { display: block; margin-left: auto; margin-right: auto; }
    .samp-song { margin-left: 0px; }
    body { font-size: 14px; }
    section { padding: 30px 0; }
    
    .col
    {
        width: 100%;
        margin: 0 0 4% 0;
    }
    
    .navbar-right { margin-top: 0px; }
    
    .navbar-right a:link,
    .navbar-right a:visited
    {
        border: 0;
        padding: 10px 0;
        font-size: 100%
    }
    
    .sticky .navbar-right a:link,
    .sticky .navbar-right a:visited
    { padding: 10px 0; }
    
    .sticky .navbar-right {  margin-top: 10px; }
    
    .sticky .mobile-nav-icon ion-icon { color: #fff; }
    .sticky .mobile-nav-icon ion-icon:hover { color: #f5cfa6; }
    .sticky .mobile-nav-icon { margin-top: 0px; }

    .mobile-nav-icon { display: inline-block; }
    
    .long-copy /* p element for tagline */
    {
        width: 100%;
        margin-left: 0;
    }
    .teach { margin: 0 20%; }
    .samp-song {margin-left: none; }
    .send-it { text-align: center; }
    .find {text-align: center; }
    .socials-main {display: none;}
    .about-me h2 {margin-top: 0px; }
    
    
}

@media only screen and (max-width: 834px)
{
    .nic-photo { height: 350px; 
        margin-top: 30px; } 
}

/* Small Tablets to Big Tablets 768-1024px */
@media only screen and (max-width: 1024px)
{
    body { font-size: 18px; }
    section { padding: 60px 0; }
    .long-copy /* p element for tagline */
    {
        width: 80%;
        margin-left: 10%;
    }
    .contact-form {width: 80%; }
}

@media only screen and (max-width: 1084px)
{
    .nic-photo { height: 350px; margin-top: 30px; }
    .songs { display: inline-grid; text-align: center;}
}

/* Big tablet to 1200px */
@media only screen and (max-width: 1200px)
{
    .navbar-right {margin-top: 20px;}
    
}