/* iPhone */
@media only screen and (max-width: 699px) {
    #troy-lodge {
        width: 300px;
    }
    #title {
        font-size: 12px;
        top: -7.5px;        
    }
    body {
        margin-top: 40px;    
    }
}
/* iPad upright */
@media only screen and (min-width: 700px) {  
    #title {
        font-size: 18px;
        top: -7.5px;        
    }
    .soc-icon-container {
    }
    .mobile-nav-right a {
        max-width: 400px;
        font-size: 22px;
    }    
    .mobile-nav-left a {
        max-width: 400px;
        font-size: 22px;
    }    
    .mobile-nav-right a:hover {
        font-size: 25px; 
    }   
    .mobile-nav-left a:hover {
        font-size: 25px; 
    }   
    #troy-lodge {
        width: 500px;
        transform: translate(-50%, -12.5%);
    }
    #about {
        font-size: 21px;
        width: 80%;
        max-width: 625px;
        color: #FFF;
        transform: translate(-50%, -25%);
    }
    body {
        margin-top: 60px;    
    }    
    section {
        top: -50px;
    }
}
    /* iPad sideways */
@media only screen and (min-width: 1179px) {  
    #social-icons {

    }
    section {
        top: -60px;
    }
}