footer {
max-width:100%
height:auto;
overflow:hidden;
background-image:url("structure_footer_001.jpg");
background-repeat:no-repeat;
background-position:center top;
background-size:cover;
padding:35px 115px 40px 115px;
position:relative;
z-index:1;
}       


.footer-columns {
width:100%;  
margin:0 auto;
text-align:left;
display:grid;
grid-template-columns:36% 36% auto;
}      




.footer-title {
font-size:28px;
color:#40c0c5;
opacity:1.00;
transition:750ms;
}

.footer-title a {
color:#40c0c5;
opacity:1.00;
transition:750ms;
}

.footer-title a:hover {
color:#ffffff;
opacity:1.00;
transition:650ms;
}



.footer-text-01 {
font-size:24px;
color:#ffffff;
opacity:1.00;
transition:750ms;
}

.footer-text-01 a {
color:#ffffff;
opacity:1.00;
transition:750ms;
}

.footer-text-01 a:hover {
color:#40c0c5;
opacity:1.00;
transition:650ms;
}


.footer-interline-01 {
width:10px;
height:20px;
display:block;
}

.footer-interline-02 {
width:10px;
height:8px;
display:block;
}



.footer-spacer-01 {
width:9px;
height:5px;
display:none;
}




.footer-icon-address {
width:25px;    
max-height:50px;
height:auto;
opacity:1.00;
margin-bottom:-8px;
padding-right:10px;
transition:650ms;
display:inline-block;
}

.footer-icon-address:hover {
opacity:0.60;
transition:550ms;
}


.footer-icon-mail {
width:25px;    
max-height:50px;
height:auto;
opacity:1.00;
cursor:pointer;
margin-bottom:-8px;
padding-right:10px;
transition:650ms;
display:inline-block;
}

.footer-icon-mail:hover {
opacity:0.60;
transition:550ms;
}


.footer-icon-phone {
width:25px;    
max-height:50px;
height:auto;
opacity:1.00;
cursor:pointer;
margin-bottom:-8px;
padding-right:10px;
transition:650ms;
display:inline-block;
}

.footer-icon-phone:hover {
opacity:0.60;
transition:550ms;
}


.footer-icon-spacer {
width:25px;  
height:10px;
margin-bottom:-8px;
padding-right:10px;
display:inline-block;
}

.footer-icon-spacer-02 {
display:none;
}


.footer-container-01 {
position:relative;
background-color:#ffffff;
max-width:100%;  
margin:0;
padding:32px 20px 12px 20px;
text-align:center;
}      

.footer-logo {
width:450px;
max-width:450px;
height:auto;
margin:0 auto;
opacity:1.00;
transition:650ms;
display:block;
}

.footer-logo:hover {
opacity:0.70;
transition:650ms;
}







/* CREDITS */

.footer-credits {
position:reltive;
height:auto;
padding:20px 20px;
text-align:center;
background-color:#ffffff;
margin:0;
}

.footer-credits-text {
font-size:17px;
color:#00364d;
letter-spacing:normal;
opacity:1.00;
transition:650ms;
}

.footer-credits-text a {
color:#00364d;
opacity:1.00;
transition:650ms;
}

.footer-credits-text a:hover {
color:#38b2b6;
opacity:1.00;
transition:650ms;
}











@media only screen and (max-width: 1800px) {

.footer-title {
font-size:28px;
}

}



/* 1680 x 1050 */
@media only screen and (max-width: 1700px) {

footer {
padding:35px 110px 40px 110px;
}       

.footer-logo {
width:430px;
}

.footer-title {
font-size:27px;
}

}



/* 1600 x 900 */
@media only screen and (max-width: 1600px) {

footer {
padding:35px 105px 40px 105px;
}       

.footer-logo {
width:420px;
}

.footer-title {
font-size:27px;
}

.footer-text-01 {
font-size:23px;
}


.footer-interline-01 {
height:18px;
}

.footer-interline-02 {
height:7px;
}

}



/* 1536 x 864 */
@media only screen and (max-width: 1550px) {

footer {
padding:35px 100px 40px 100px;
}       


.footer-title {
font-size:26px;
}


}




/* 1440 x 900 */
@media only screen and (max-width: 1460px) {

.footer-logo {
width:400px;
}

.footer-title {
font-size:26px;
}

.footer-text-01 {
font-size:22px;
}

.footer-icon-address {
width:24px;    
margin-bottom:-8px;
padding-right:10px;
}

.footer-icon-mail {
width:24px;    
margin-bottom:-8px;
padding-right:10px;
}

.footer-icon-phone {
width:24px;    
margin-bottom:-8px;
padding-right:10px;;
}

.footer-icon-spacer {
width:24px;  
margin-bottom:-8px;
padding-right:10px;
}



}




/* 1366 x 768 & 1366 x 760 */
@media only screen and (max-width: 1390px) {

footer {
padding:35px 95px 40px 95px;
}   

.footer-logo {
width:380px;
}    

.footer-title {
font-size:25px;
}

.footer-icon-address {
width:22px;    
margin-bottom:-8px;
padding-right:10px;
}

.footer-icon-mail {
width:22px;    
margin-bottom:-7px;
padding-right:10px;
}

.footer-icon-phone {
width:22px;    
margin-bottom:-7px;
padding-right:10px;;
}

.footer-icon-spacer {
width:22px;  
margin-bottom:-8px;
padding-right:10px;
}

.footer-interline-01 {
height:17px;
}

.footer-interline-02 {
height:7px;
}

.footer-credits-text {
font-size:16px;
}


}




/* 1280 x 800 */
@media only screen and (max-width: 1300px) {     

footer {
padding:35px 93px 40px 93px;
}      

.footer-title {
font-size:25px;
}

.footer-text-01 {
font-size:21px;
}


}





@media only screen and (max-width: 1200px) {     

footer {
padding:35px 90px 40px 90px;
}       

.footer-logo {
width:360px;
}   

.footer-title {
font-size:24px;
}

.footer-text-01 {
font-size:20px;
}


.footer-icon-address {
width:21px;    
margin-bottom:-8px;
padding-right:10px;
}

.footer-icon-mail {
width:21px;    
margin-bottom:-7px;
padding-right:10px;
}

.footer-icon-phone {
width:21px;    
margin-bottom:-7px;
padding-right:10px;;
}

.footer-icon-spacer {
width:21px;  
margin-bottom:-8px;
padding-right:10px;
}

.footer-interline-01 {
height:15px;
}

.footer-interline-02 {
height:5px;
}

}




@media only screen and (max-width: 1100px) {

footer {
padding:35px 85px 40px 85px;
}   

.footer-title {
font-size:24px;
}

.footer-text-01 {
font-size:19px;
}

.footer-icon-address {
width:20px;    
margin-bottom:-7px;
padding-right:9px;
}

.footer-icon-mail {
width:20px;    
margin-bottom:-6px;
padding-right:9px;
}

.footer-icon-phone {
width:20px;    
margin-bottom:-6px;
padding-right:9px;;
}

.footer-icon-spacer {
width:20px;  
margin-bottom:-6px;
padding-right:9px;
}

.footer-interline-01 {
height:12px;
}

.footer-interline-02 {
height:4px;
}

.footer-credits-text {
font-size:15px;
}


}






/* 1024 x 768 */
@media only screen and (max-width: 1050px) {

footer {
padding:35px 80px 40px 80px;
}   

.footer-columns {
margin:0 auto;
text-align:left;
grid-template-columns:35% 35% auto;
}      

.footer-title {
font-size:23px;
}

.footer-text-01 {
font-size:18px;
}





}




/* 960 x 600 */
@media only screen and (max-width: 980px) {

footer {
padding:35px 68px 40px 68px;
}  

.footer-columns {
margin:0 auto;
text-align:left;
grid-template-columns:35% 35% auto;
}     

.footer-text-01 {
font-size:17px;
} 

.footer-interline-01 {
height:11px;
}

.footer-interline-02 {
height:4px;
}


}




@media only screen and (max-width: 900px) {

footer {
padding:35px 60px 40px 60px;
}   

.footer-logo {
width:75%;
}   

.footer-title {
font-size:23px;
}

.footer-text-01 {
font-size:16px;
}

.footer-interline-01 {
height:10px;
}

.footer-interline-02 {
height:3px;
}

}




/* 800 x 1280 & 768 x 1024 */
@media only screen and (max-width: 810px) {

footer {
padding:34px 45px 38px 45px;
}   

.footer-title {
font-size:21px;
}

.footer-text-01 {
font-size:15px;
}

}





@media only screen and (max-width: 700px) {

footer {
padding:55px 20px 60px 20px;
background-image:url("structure_footer_002.jpg");
}   

.footer-columns {
width:92%;  
text-align:center;
grid-template-columns:100%;
}     


.footer-title {
font-size:31px;
}

.footer-text-01 {
font-size:24px;
}

.footer-interline-01 {
height:12px;
}

.footer-interline-02 {
height:6px;
}

.footer-spacer-01 {
width:9px;
height:40px;
display:block;
}

.footer-icon-spacer {
display:none;
}

.footer-icon-spacer-02 {
width:20px;  
margin-bottom:-6px;
padding-right:9px;
display:inline-block;
}


}





/* 600 x 960 */
@media only screen and (max-width: 620px) {

footer {
padding:55px 20px 60px 20px;
}   

.footer-columns {
width:93%;  
}     

.footer-logo {
width:80%;
}   

.footer-title {
font-size:31px;
}

.footer-text-01 {
font-size:24px;
}

.footer-interline-01 {
height:12px;
}

.footer-interline-02 {
height:6px;
}

.footer-spacer-01 {
width:9px;
height:40px;
}

.footer-icon-spacer-02 {
width:20px;  
margin-bottom:-6px;
padding-right:9px;
}

.footer-credits-text {
font-size:14px;
}

}




@media only screen and (max-width: 550px) {
}




/* 480 x 853 */
@media only screen and (max-width: 500px) {

footer {
padding:50px 20px 55px 20px;
}   

.footer-columns {
width:94%;  
}     

.footer-title {
font-size:30px;
}

.footer-text-01 {
font-size:23px;
}

.footer-interline-01 {
height:12px;
}

.footer-interline-02 {
height:6px;
}

.footer-spacer-01 {
width:9px;
height:40px;
}

.footer-icon-spacer-02 {
width:20px;  
margin-bottom:-6px;
padding-right:9px;
}


}




/* 412 x 732 & 414 x 736 (iPhone) */
@media only screen and (max-width: 430px) {


footer {
padding:52px 20px 57px 20px;
}   

.footer-columns {
width:95%;  
}     

.footer-logo {
width:85%;
}   

.footer-title {
font-size:29px;
}

.footer-text-01 {
font-size:23px;
}

.footer-interline-01 {
height:10px;
}

.footer-interline-02 {
height:5px;
}

.footer-spacer-01 {
width:8px;
height:37px;
}

.footer-icon-spacer-02 {
width:20px;  
margin-bottom:-6px;
padding-right:9px;
}


}




/* 360 x 740 & 375 x 812 */
@media only screen and (max-width: 380px) {

footer {
padding:50px 15px 55px 15px;
}   

.footer-columns {
width:96%;  
}     

.footer-item-01 {
color:#ffffff;
}   


.footer-title {
font-size:25px;
}

.footer-text-01 {
font-size:20px;
}

.footer-interline-01 {
height:9px;
}

.footer-interline-02 {
height:4px;
}

.footer-spacer-01 {
width:8px;
height:35px;
}

.footer-icon-spacer-02 {
width:20px;  
margin-bottom:-6px;
padding-right:9px;
}

}




/* 320 x 568 */
@media only screen and (max-width: 330px) {

footer {
padding:50px 10px 55px 10px;
}   

.footer-columns {
width:96%;  
}     

.footer-logo {
width:90%;
}   

.footer-title {
font-size:24px;
}

.footer-text-01 {
font-size:19px;
}

.footer-interline-01 {
height:8px;
}

.footer-interline-02 {
height:4px;
}

.footer-spacer-01 {
width:8px;
height:33px;
}

.footer-icon-spacer-02 {
width:20px;  
margin-bottom:-6px;
padding-right:9px;
}

}




@media only screen and (max-width: 300px) {

footer {
padding:50px 9px 55px 9px;
}   

.footer-columns {
width:97%;  
}     

.footer-title {
font-size:22px;
}

.footer-text-01 {
font-size:18px;
}

.footer-interline-01 {
height:8px;
}

.footer-interline-02 {
height:3px;
}

.footer-spacer-01 {
width:8px;
height:32px;
}

.footer-icon-spacer-02 {
width:20px;  
margin-bottom:-6px;
padding-right:9px;
}


}