:root{
     --font1: 'Fjalla One', sans-serif; /* index heading */
     --font2: 'Libre Franklin', sans-serif; /* footer */
     --color1: #404040;
}
* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }
.wrap{
     width: 1300px;
     margin: 0 auto;
}
a{
     text-decoration: none;
}



/* header styles */
#d2{
     display: flex;
     justify-content: flex-end;
     margin-top:20px;
}
#ul{
     list-style: none;
     display: flex;
}
.li{
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 15px 10px;
     font-family: var(--font1);
     font-size: 14px;
     letter-spacing: 1px;
}
.a1{
     text-transform: uppercase;
     color: var(--color1);
}
.a1:hover{
     color: #000;
}


/* footer styles */
#ft{
     background: #0d0d0d;
     padding-bottom: 60px;
}
#d3{
     display: flex;
     justify-content: space-between;
     border-bottom: 0.5px solid #fff;
     padding: 60px 0;
}
.d4{
     width: 32%;
}

#h11,.p1, address, #sp1, .a2{
     color: #fff;
     font-family: var(--font2);
     font-size: 13px;
}
#h11{
     font-weight: bold;
     margin-bottom: 10px;
} 
.p1, #sp1{
     margin: 10px 0;
}
/* .a2{
     color: #fff;
     font-family: var(--font2);
} */

address{
     font-style: normal;
     margin: 0;
}

#d6{
     display: flex;
     justify-content: center;
     align-items: flex-start;
}
#img2{
     width: 28px;
}

#d7{
     display: flex;
     justify-content: flex-end;
     align-items: flex-start;
}

#d5{
     text-align: center;
     padding: 80px 0 50px 0;
}
#p2{
     color: #fff;
     font-family: var(--font2);
     font-size: 13px;
}


/* media queries */
@media screen and (max-width: 1280px){
     .wrap {
          width: 93%;
          margin: 0 3.5%;
     }
}

@media screen and (max-width: 680px){
     #d3,#d6,#d7 {
          flex-direction: column;
          align-items: center;
     }
     .d4{
          width: 100%;
          text-align: center;
     }
     #d6{
          margin: 30px 0;
     }

}