/* =========================
   FOOTER - DESKTOP
========================= */

/* DESKTOP ONLY social icon sizes */

@media (min-width:900px){

/* Instagram */
.social img[src*="instagram"]{
width:41px;
height:41px;
}

/* Facebook */
.social img[src*="facebook"]{
width:36px;
height:36px;
}

/* LinkedIn */
.social img[src*="linkedin"]{
width:38px;
height:38px;
}

}
.footer{
display:flex;
justify-content:space-between;
align-items:flex-start;

padding:15px 80px;

max-width:1200px;
width:100%;
margin:15px auto;
}

/* TEXT */

.footer h4{
margin-bottom:5px;
}

.footer p{
margin:0;
}

/* COLUMN ALIGNMENT */

.footer div:nth-child(1){
text-align:left;
}

.footer div:nth-child(2){
text-align:left;
}

.footer div:nth-child(3){
text-align:right;
}

/* LINKS */

.footer a{
color:black;
text-decoration:none;
display:inline-block;
transition:transform .2s;
}

.footer a:hover{
transform:scale(1.1);
}

/* SOCIAL ICONS */

.social{
display:flex;
gap:15px;
align-items:center;
margin-top:5px;
justify-content:flex-end;
}

.social img{
width:33px;
height:33px;
cursor:pointer;
transition:transform .2s;
}

.social img:hover{
transform:scale(1.3);
}

/* =========================
   FOOTER - MOBILE
========================= */

@media (max-width:900px){

.footer{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;

gap:25px;

padding:30px 20px;

width:100%;
max-width:100%;

margin:0 auto;
}

.footer div{
width:100%;
text-align:center;
}

.footer h4{
font-size:16px;
margin-bottom:6px;
}

.footer p{
font-size:16.5px;
color:#555;
}

.social{
display:flex;
justify-content:center;
align-items:center;
gap:15px;

margin-top:8px;
}

.social img{  
width:28px;
height:28px;
}
/* FOLLOW ME LEFT ALIGN */

.footer div:nth-child(3){
text-align:left;
width:100%;
}

.social{
display:flex;
justify-content:flex-start;
align-items:center;
gap:18px;
margin-top:8px;
}

/* BIGGER ICONS */

.social img{
width:34px;
height:34px;
}
}