/* SECTIONS
/////////////////////////////////////////////////////// */

.section-footer { 
	width: 100%;
	height: auto;
    padding-bottom: 40px;
    grid-gap: 8vw 0;
    display: grid;
    grid-template-columns: repeat(25, 1fr);
	position: relative;
	float: left;}

.footer { 
	width: 100%;
	height: auto;
    font-weight: 600;
	font-size: 1.125rem;  
	line-height: 1.5em; 
	letter-spacing: 0;
	text-align: left;
    grid-column: 3 / 24;
	position: relative;
	float: left;}

.footer.legal {
    font-weight: 400;}

.footer .email {
    unicode-bidi: bidi-override;
    direction: rtl;
    align-self: end;}

.footer a:hover {
	color: #FF0044;}

/* LOGOS
/////////////////////////////////////////////////////// */

.section-footer .scot-header {
    align-self: start; }

.section-footer .scot-header li:nth-child(3) {
    grid-column: 1 / 5; 
    margin: 4em 0 1.5em; }

.section-footer .scot-header li:nth-child(4) {
    grid-column: 1 / 3; }

/* SCROLL
/////////////////////////////////////////////////////// */

.scrolltop {
    width: auto;
    bottom: 40px;
    right: 0;
    font-weight: 500;
    font-size: 5em;
    line-height: 1em;
    color: #FF0044;
    grid-column-end: 25; 
    position: absolute;
    animation: bounce 0.5s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    cursor: pointer; }

@keyframes bounce{
    from { transform: translate3d(0, 0, 0);}
      to { transform: translate3d(0, 14px, 0);}
}

.scrolltop:hover {
	color: #CCC;}

/* /////////////////////////////////////////////////////// 
RESPON 700 */
@media (min-width: 700px){
    
.footer { 
    grid-column: 4 / 23;}
    
.scrolltop {
    font-size: 12vw;
    grid-column-end: 24; }
                    
} /* ////// FI */

/* /////////////////////////////////////////////////////// 
RESPON 1000 */
@media (min-width: 1000px){
    
.section-footer {
    grid-gap: 14vw 0;}
    
.footer {
    font-size: 1rem; 
    line-height: 1.5em;}
    
.footer.address {
    grid-column: 14 / 18;}
    
.footer.social {
    grid-column: 18 / 25;
    text-align: right;}
    
.footer.legal {
    grid-column: 2 / 25;}
    
.footer.legal li {
    margin-right: 30px;
    float: left;}
    
.scrolltop {
    top: 50%;
    font-size: 8vw;
    right: -1vw;
    grid-column-end: 25;}
                       
} /* ////// FI */

/* /////////////////////////////////////////////////////// 
RESPON 1200 */
@media (min-width: 1200px){
    
.section-footer {
    grid-gap: 12vw 0;}
    
.footer.address {
    grid-column: 14 / 18;}
    
.footer.social {
    grid-column: 19 / 24;}
    
.footer.legal {
    grid-column: 3 / 24;}
    
.scrolltop {
    font-size: 6vw;
    right: 3vw;
    grid-column-end: 25; }
                               
} /* ////// FI */

/* /////////////////////////////////////////////////////// 
RESPON 1900 */
@media (min-width: 1900px){ 
    
.section-footer {
    grid-gap: 12vw 0;}
    
.footer {
    font-size: 0.875vw;} 
    						
} /* ////// FI */

/* STYLE
/////////////////////////////////////////////////////// */