/*
phone
 */

@media (max-width: 768px){
    .txt{
        display: none;
    }
    .header-logo {
        top: 35px;
        left: 10.5%;
        position: absolute;
        z-index: 2;
    }
    .ad4-agency {
        position: absolute;
        z-index: 1;
        left: 10.5%;
        right: auto;
        bottom: 60px;

    }
    .ad4-agency p {
        color: #545961;
        font-size: 12px;
        margin-bottom: 0;
        font-family: 'ITC Avant Garde Gothic Std';
        font-weight: bold;
        text-transform: uppercase;
        display: block;
    }
    .socials-main {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        right: 32%;
        z-index: 1;
        bottom: 35px;
      
    }
    .ad4-logo {
        width: 70px;
        height: auto;
    }
    .txt-logo p {
        font-family: 'ITC Avant Garde Gothic Std';
        text-transform: uppercase;
        font-weight: bold;
        font-size: 8px;
        margin-left: 15px;
        color: #545961;
    }
    .m{
        display: block;
    }
    .l{
        display: none;
    }
    header h1 {
        font-family: 'ITC Avant Garde Gothic Std';
        font-weight: bold;
        text-align: center;
        color: #eef0f3;
        font-style: normal;
        font-size: calc(15vw);
    }
    h1 span{
        display: block;
    }
    header h2 {
        font-family: 'Roboto';
        font-weight: bold;
        font-style: normal;
        text-align: center;
        font-size: calc(3.5vw);
    }

}
@media only screen
and (min-device-width: 314px)
and (max-device-width: 767px)
and (orientation: landscape){
    .header-logo {
        top: 25px;
        left: 12.5%;
        position: absolute;
        z-index: 2;
    }
    .ad4-agency {
        position: absolute;
        z-index: 1;
        left: 12.5%;
        right: auto;
        bottom: 10px;
      
    }
    .socials-main {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        right: 12.5%;
        z-index: 1;
        bottom: 18px;
    
    }
    header h1 {
        font-family: 'ITC Avant Garde Gothic Std';
        font-weight: bold;
        text-align: center;
        color: #eef0f3;
        font-style: normal;
        font-size: calc(7vw);
    }
    header h2 {
        font-family: 'Roboto';
        font-weight: bold;
        font-style: normal;
        text-align: center;
        font-size: calc(2vw);
    }
}
@media (min-width: 1440px) {
    .txt {
        position: absolute;
        right: 5%;
        z-index: 1;
        text-align: right;
        top: 60px;
       
    }
    .txt ul li{
        font-size: 11.44444px;
        font-family: 'Roboto';
        font-weight: bold;
        color: #545961;
        font-style: normal;
        margin-bottom: 0;
    }
    .header-logo {
        top:60px;
        left: 4.5%;
        position: absolute;
        z-index: 2;
    }
    .socials-main {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        right: 6%;
        z-index: 1;
        bottom: 60px;
    }
    .ad4-agency {
        position: absolute;
        z-index: 1;
        left: 6%;
        right: auto;
        bottom: 50px;
  
    }
}
@media (min-width: 1670px) {
    .txt ul li {
        font-size: 14.44444px;
        font-family: 'Roboto';
        font-weight: bold;
        color: #545961;
        font-style: normal;
        margin-bottom: 0;
    }
    .txt h3 {
        font-size: 16px;
        color: #545961;
        margin-bottom: 10px;
        font-family: 'ITC Avant Garde Gothic Std';
        font-weight: bold;
        font-style: normal;
    }

    address{
        color: #545961;
        font-size: 1.5em;
        font-family: Roboto;
        font-weight: normal;
    }
    .txt-logo p {
        font-family: 'ITC Avant Garde Gothic Std';
        text-transform: uppercase;
        font-weight: bold;
        font-size: 15px;
        margin-left: 15px;
        color: #545961;
    }
    .ad4-logo {
        width: 120px;
        height: auto;
    }

}
@media (min-width: 1900px) and (min-height: 1190px){
    .ad4-agency p {
        color: #545961;
        font-size: 18px;
        margin-bottom: 0;
        font-family: 'ITC Avant Garde Gothic Std';
        font-weight: bold;
        text-transform: uppercase;
        display: block;
    }
    address {
        color: #545961;
        font-size: 1.8em;
        font-family: Roboto;
        font-weight: normal;
    }
    .txt h3 {
        font-size: 17px;
        color: #545961;
        margin-bottom: 20px;
        font-family: 'ITC Avant Garde Gothic Std';
        font-weight: bold;
        font-style: normal;
    }
    .txt ul li {
        font-size: 16.8px;
        font-family: 'Roboto';
        font-weight: bold;
        color: #545961;
        font-style: normal;
        margin-bottom: 0;
    }
    .txt ul li:last-child {
        margin-bottom: 20px;
    }
    .roll-hover-btn__label p {
        color: #545961;
        font-size: 1.3em;
        font-family: 'ITC Avant Garde Gothic Std';
        font-weight: bold;
        letter-spacing: 0;
    }
}