/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .btn {
    margin-left: auto;
    margin-right: auto;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .text {border-bottom: 1px solid #ECCBDE;}
    .btn-bottom {margin: 65px auto;}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    p {font-size: 12px;}
    
    .logo {
        margin-top: 15px;
        margin-bottom: 0;    
        padding: 30px;
    }
    
     .logo-work {
        width: 150px;
        margin-top: 15px;
        margin-bottom: 0;    
        padding: 30px;
    }
    
    
    h1 {font-size: 30px;}
    .portfolio {margin-top: 0;}
    .title {display: none;}
/*    .text {border-bottom: 1px solid #333;}*/
    .text h3 {text-align: center;}
    .text a {font-size: 20px;}
    .text p {display: none;}
    
 

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    .footer-menu ul li {font-size: 12px;}
    .btn-bottom {margin: 40px auto;}

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
 
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}