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

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

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px)
{
    body
    {
        font-size: 14px;
    }
    .service__entry {
    	flex-basis: 48%;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px)
{
    .main__nav
    {
        margin: auto;
        margin-top: 1rem;
    }
    .team__entry,
    .skills__entry
    {
        margin-bottom: 1rem;
        flex-basis:50%;
    }
    .menu__item
    {
        -ms-flex-preferred-size: 33%;
            flex-basis: 33%;
    }
    .nav__item
    {
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    }
    .logo
    {
        margin: auto;
    }
}
@media only screen and (max-width : 750px)
{
	.service__entry {
		flex-basis:48%;
	}
}
@media only screen and (max-width : 580px)
{
	.header__title {
		font-size: 1.5rem;
	}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px)
{
    section,
    .contact
    {
        padding: 3rem 0;
    }
    .header__title
    {
        padding-top: 2rem;
        padding-bottom: 5rem;
    }
    .section__title
    {
        font-size: 1.5rem;
    }
    .header__btn,
    .works__btn,
    .contact__btn
    {
        font-size: .8rem;

        margin-bottom: 1rem;
        padding: 1rem;
    }
    .main__nav,
    .service__entry,
    .team__entry,
    .comment,
    .works__item
    {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }
    .filter__link:not(last-of-type)
    {
        font-size: .8rem;

        padding: .5rem;
    }
    .header__title,
    .section__description,
    .works__caption,
    .comment__text,
    .author__position,
    .contact__form input:not([type='submit']),
    .contact__form textarea
    {
        font-size: .8rem;
    }
    .comment,
    .comment__text,
    .comment:nth-of-type(3),
    .comment:nth-of-type(4)
    {
        margin-bottom: 1rem;
    }
    .comment__author
    {
        font-size: 1rem;
    }
    .contact .section__description,
    .nav__link
    {
        font-size: .5rem;
    }
    .data__name,
    .data__email
    {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px)
{
    .section__title
    {
        font-size: 1rem;
    }
    .menu__item
    {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    }
}


/*==========  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)
{
}
@media print {
    /* print styles go here */
    body {
        font-size: 14px;
    }
    .team__entry:last-of-type, .contact__btn , .works__btn, .header__btn {
		display: none;
    }
    .comment:nth-of-type(3), .comment:nth-of-type(4) {
    	margin-bottom: 0;
    }
    .portfolio { 
    	padding-bottom: 0;
    }
    section.service {
    	padding-bottom: 24rem;
    }
    section.team {
    	padding-bottom: 14rem;
    }
    .main__header {
    	padding-bottom: 35rem;
    }
    .contact__form {
    	padding-bottom: 10rem;
    }
    .nav__link {
    	font-size: 0.8rem;
    }
  	a[href^="http"]:not([href*="test.com"]):after {
      content: " (" attr(href) ")";
  	}
}