footer{
    background-image: url("../footer_images/Website-Footer.png");
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;

    margin-top: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: grid;
	grid-template-columns: 210px auto auto auto auto;
    grid-template-rows: 50px 100px;
	grid-gap: 10px;
}
footer a{
	color: white;
}
footer a:hover {
    color:rgb(186, 186, 186);
}
.socialSmall{
    height: 30px;
	width: auto;
}
.logoFooter{
    width: 150px;
}

.foterHide{
    display: none;
}
.flogo{
    height: auto;
    grid-column: 1;
	/* grid-row: 1 / span 2; */
    text-align: center;
}

footer h4{
    margin-bottom: 20px;
    font-weight: bold;
}

/* .fsocialMedia{
    grid-column: 1;
	grid-row: 3;
    text-align: center;
} */
.addressfo{
    grid-column: 2/span 2;
	grid-row: 1; 
}
.callfo{
    grid-column: 2/span 2;
	grid-row: 2;
}
.fus{
    grid-column: 3;
	grid-row: 1;
}
.faccount{
    grid-column: 4;
	grid-row: 1;
}
.fpolicies{
    grid-column: 5;
	grid-row: 1;
}
.copyright{
    padding-top: 20px;
    text-align: center;
    font-size: 0.70em;
    border-top: 1px solid rgb(204, 201, 201);
    max-width: 50%;
    margin-left: 25%;
    grid-column: 1 / span 5;
	grid-row: 3;
}

/*
.fus, .faccount, .faccount, .fpolicies p{
    font-size: 0.50em;
}*/

.logoFooter{
    max-width: 160px;
    height: auto;
    /* margin-left: 20px; */
    margin-bottom: 20px;
}

.socialFooter{
    max-width: 30px;
    height: auto;
    margin-bottom: 20px;
    /* margin-left: 0px;
    margin-right: 0px; */
    padding: 0px;
}

.pinFooter{
    max-width: 50px;
    height: auto;
}

.address{
    font-size: 1rem;
}

.phone{
    font-size: 1rem;
    /* grid-column: 2;
	grid-row: 1;
    margin-left: 0px;
    padding-left: 0px; */
	margin-top: 2px;
}

.addressfo, .callfo {
    display: grid;
    grid-template-columns: 25px auto ;
}

.addressLogo{
    /* margin-top: 5px; */
    max-width: 40px;
	height: auto;
    float: left;
}
/* fphone{
    margin-top: 10px;
    grid-column: 1;
	grid-row: 1;
    margin-right: 0px;
} */

.phoneLogo{
    max-width: 35px;
	height: auto;
	float: left;
}

.fus p, .faccount p, .fpolicies p{
	margin-top: 10px;
	margin-bottom: 10px;
    font-size: 0.9rem;
}

#paymentMethods {
	grid-column: 5;
	grid-row: 3;
	margin-right: 30px;
	text-align: right;
}

#paymentMethods div {
	background-color: white;
	display: inline-block;
	padding-top: 5px;
}

#paymentMethods img {
	height: 20px;
	width: auto;
}

@media screen and (max-width: 1301px) {
  
    .logoFooter{
        max-width: 150px;
    }
    /* .phoneLogo{
        max-width: 40px;
    } */
    footer{
        grid-template-columns: 200px auto auto auto auto;
    }
}

@media screen and (max-width: 1202px) {
   
    .logoFooter{
        max-width: 140px;
    }
    footer{
        grid-template-columns: 190px auto auto auto auto;
    }
    .address{
        font-size: 1.3rem;
    }
    .phone{
        font-size: 1.4rem;
		margin-top: 4px;
    }
    /* .phoneLogo{
        max-width: 30px;
        margin-top: 5px;
    }
    */
}

@media screen and (max-width: 1108px) {
    .address{
        font-size: 1.1rem;
    }
    .phone{
        font-size: 1.2rem;
		margin-top: 5px;
    }
    footer h4{
        font-size: 1.3rem;
    }
    .logoFooter{
        max-width: 130px;
        /* margin-left: 0px; */
    }
    footer{
        grid-template-columns: 150px 250px auto auto auto;
	    padding: 20px 10px;
    }

    /* .socialMedia{
        margin-left: 0%;
    } */
}
@media screen and (max-width: 1093px) {
	footer{
        grid-template-rows: 35px 80px;
    }
	#paymentMethods {
		grid-column: 1 / span 5;
		grid-row: 4;
		margin-right: 0px;
		text-align: center;
	}
}
@media screen and (max-width: 845px) {
     footer{
        grid-template-columns: 150px auto auto ;
    }
    .foterHide{
        display: block;
        grid-column: 4;
		font-size: 0.9rem;
    }
    footer h3{
        padding-bottom: 20px;
    }
    
    .fus, .faccount, .fpolicies{
        display: none;
    }

	.addressfo, .callfo {
	    display: grid;
	    grid-template-columns: 45px auto;
	}
	#paymentMethods {
		text-align: center;
	}
}
@media screen and (max-width: 698px) {
    .address{
        font-size: 0.9rem;
    }
    .phone{
        font-size: 1.2rem;
    }
    footer h4{
        font-size: 1.1rem;
    }
}
@media screen and (max-width: 655px) {
    .phone{
        font-size: 1rem;
		margin-top: 5px;
    }
    footer h4{
        font-size: 1rem;
    }
    .phoneLogo{
        max-width: 30px;
    }
    .addressLogo{
        max-width: 35px;
    }
	.addressfo, .callfo {
	    display: grid;
	    grid-template-columns: 40px auto;
	}
}
@media screen and (max-width: 620px) {
	footer{
        grid-template-columns: 125px auto auto ;
    }
	.socialSmall {
		height: 25px;
		width: auto;
	}
	.logoFooter {
		height: auto;
		margin-bottom: 5px;
		width: 125px;
	}
}
@media screen and (max-width: 422px) {
	footer {
		grid-template-columns: 100px 1fr 1fr;
		grid-template-rows: 30px 100px;
	}
	.logoFooter {
		height: auto;
		margin-bottom: 5px;
		width: 100px;
	}
	.addressfo, .callfo {
	    display: grid;
	    grid-template-columns: 30px auto;
	}
	.phoneLogo {
		max-width: 25px;
	}
	.addressLogo {
		max-width: 30px;
	}
	.phone {
		font-size: 0.98rem;
	}
	footer h3 {
		font-size: 0.98rem;
	}
}
@media screen and (max-width: 394px) {
	.phone {
		font-size: 0.95rem;
		margin-top: 3px;
	}
}
@media screen and (max-width: 391px) {
	.phone {
		font-size: 0.92rem;
	}
}