@charset "utf-8";
/* CSS Document */

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

a.logo	{ font-size: 6rem; }

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

html	{ font-size: 22px; }

a.logo	{ font-size: 5.5rem; }

}

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

html	{ font-size: 20px; }

a.logo	{ font-size: 5rem; }

main.content	{ width: 60%; }

}

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

html	{ font-size: 19px; }

a.logo	{ margin-bottom: 3rem; }

main.content	{ width: 70%; }

}

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

html	{ font-size: 22px; }

a.logo	{ font-size: 5.5rem; }

}


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

html	{ font-size: 20px; }

main.content	{ width: 80%; }

}

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

html	{ font-size: 22px; }

a.logo	{ font-size: 5rem; }

}


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

a.logo	{ font-size: 4.5rem; }

main.content	{ width: 90%; }

}

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

.slider-image.si1	{ background-image: url(https://www.altergaf.com/images/slider/slide1-small.jpg); }
.slider-image.si2	{ background-image: url(https://www.altergaf.com/images/slider/slide2-small.jpg); }
.slider-image.si3	{ background-image: url(https://www.altergaf.com/images/slider/slide3-small.jpg); }
.slider-image.si4	{ background-image: url(https://www.altergaf.com/images/slider/slide4-small.jpg); }
.slider-image.si5	{ background-image: url(https://www.altergaf.com/images/slider/slide5-small.jpg); }
.slider-image.si6	{ background-image: url(https://www.altergaf.com/images/slider/slide6-small.jpg); }

html	{ font-size: 20px; }

}

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

a.logo	{ font-size: 4rem; }

main.content	{ width: 100%; padding: 2rem; }

}

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

a.logo	{ font-size: 3.5rem; }

}

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

html	{ font-size: 19px; }

}

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

a.logo	{ font-size: 3rem; margin-bottom: 2rem; }

main.content	{ padding: 1rem; }

.slider-loading	{ width: 0.3rem; }

}

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

html	{ font-size: 18px; }

a.btn img	{ width: 8rem; }

}

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

a.logo	{ font-size: 2rem; }

.slider-loading	{ display: none; opacity: 0; visibility: hidden; }

a.btn	{ padding: 1rem; }

}