.att-tv main h3{
    font-size: 28px;
    line-height: 1.10714286;
    margin-bottom: 5px;
}
.att-tv main p{
    font-size: 20px;
    line-height: 1.55;
}
.att-tv main p.small{
    font-size: 15px;
    line-height: 1.333;
    font-weight: 300;
    margin-top: 5px;
}
.att-tv .inner-header{
	background-image: url(../../images/att-tv/header-attv.jpg);
}
.att-tv .inner-header h1{
    width: 600px;
    max-width: 100%;
    line-height: 1;
    margin: 0 auto;
}
.atv-logo{
    margin-bottom: 85px;
}
.atttv-blocks{
    padding: 72px 0 76px;
}
.atv-row{
    width: 1140px;
    max-width: 100%;
    margin: 0 auto;
}
.atv-row + .atv-row{
    margin-top: 70px;
}
.atv-row-text,
.atv-row-image{
    flex-basis: 50%;
    flex-grow: 0;
}
.atv-row-text{
    padding-left: 60px;
    padding-right: 55px;
}
.atv-row.row-2 .atv-row-text{
    order: 2;
}
.atv-cta {
    padding: 45px 0 47px;
    color: #fff;
}
.atv-cta h2{
    font-size: 90px;
    line-height: 0.822;
    margin-bottom: 35px;
}
.att-tv main .atv-cta p{
    width: 565px;
    max-width: 100%;
    margin: 12px auto 0;
    font-size: 25px;
    line-height: 1.2;
}
.att-tv main .atv-cta p.small{
    width: 525px;
    font-size: 15px;
    line-height: 1.26666667;
}
.atv-icons{
    padding-top: 110px;
}
.atv-icons h2{
    font-size: 90px;
    line-height: 0.9444;
    margin-bottom: 15px;
}
.att-tv main .atv-icons p.bree{
    font-size: 25px;
}
.atv-icons-list{
    padding-top: 70px;
}
.atv-icon-block {
    flex-basis: 30%;
    padding: 0 20px;
}
.atv-icon-block:nth-child(2){
    flex-basis: 40%;
}
.atv-icon{
    height: 110px;
    margin-bottom: 33px;
}
@media screen and (max-width: 991px){
    .att-tv .inner-header{
        font-size: 17px;
    }
    .att-tv main h3{
        font-size: 25px;
    }
    .att-tv main p{
        font-size: 16px;
    }
    .att-tv main p.small{
        font-size: 13px;
    }
    .atv-row-text {
        padding-left: 0;
        padding-right: 35px;
    }
    .atv-row.row-2 .atv-row-text{
        padding-right: 0;
        padding-left: 35px;
    }
    .atv-cta h2,
    .atv-icons h2{
        font-size: 60px;
    }
    .att-tv main .atv-icons p.bree{
        font-size: 20px;
    }
    .atv-icons-list{
        flex-wrap: wrap;
        justify-content: center;
    }
    .atv-icon-block,
    .atv-icon-block:nth-child(2){
        flex-basis: 50%;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 767px){
    .att-tv .inner-header{
        font-size: 11px;
    }
}
@media screen and (max-width: 567px){
    .att-tv .inner-header{
        font-size: 9px;
    }
    .atv-row {
        flex-direction: column;
    }
    .atv-row-text,
    .atv-row.row-2 .atv-row-text{
        order: 2;
        flex-basis: auto;
        padding: 0;
        text-align: center;
        margin-top: 20px;
    }
    .atv-cta h2, 
    .atv-icons h2 {
        font-size: 35px;
    }
    .att-tv main .atv-cta p{
        font-size: 20px;
    }
    .atv-icon-block, 
    .atv-icon-block:nth-child(2){
        flex-basis: 100%;
    }
}