.hometopxs{ 
    background-image:url(./../imgs/topbigimg_index.png); 
    background-position: 35% top;
    min-height: 2000px;
    padding-top: 50%;
}
.hometopmd{

}


.homeintro{ cursor: pointer; padding:2rem; background-color:#ffffff; border:1px solid var(--maincolor); }
.homeintro h2{ font-size: 2rem; color:var(--titlecolor); }
.homeintro.active{ background-color:var(--maincolor); }
.homeintro.active h2{ color:#ffffff; }
.homeintro.active p{ color:#ffffff; }


.hometopxsscale{ width:90%; margin:auto; text-align:center; }
.hometopxsscale h1{  color:var(--titlecolor); }
.hometopxsscale p{ padding:0px 10%;  color:var(--titlecolor); margin-top: 100px; margin-bottom:100px; }
.hometopxs .homeintro{ width:90%; margin:auto; margin-top:100px; }

.homeboxbanner{ position:relative; z-index:10; }
.homecover{ top:0px; padding: 3rem; position:absolute; }
.homecover h1{ font-size: 1.2rem; color: var(--titlecolor);}
.homecover p{color: var(--titlecolor);}
.homeboxintro{ z-index:800; }

main{ margin-top:-50px; }
@media (min-width: 576px) { 
    .homecover h1{ font-size: 1.3rem; }
}
@media (min-width: 768px) { 
    main{ margin-top:-100px; }
    .homecover{ top:-280px; }
    .homecover h1{ font-size: 1.2rem; }
    .homeboxintro{ margin-top:-65px; }
    .homeintro h2{ font-size: 1.2rem; }
}
@media (min-width: 992px) { 
    .homecover{ top:-390px; }
    .homecover h1{ font-size: 2rem; }
    .homeboxintro{ margin-top:-100px; }
    .homeintro h2{ font-size: 1.4rem; }
}
@media (min-width: 1200px) { 
    .homecover{ top:-470px; }
    .homecover h1{ font-size: 3.7rem; }
    .homeboxintro{ margin-top:-90px; }
    .homeintro h2{ font-size: 1.8rem; }
}
@media (min-width: 1400px) { 

}