@media only screen and (min-width: 320px) {
	:root{
		--red:#d4122f;
		--violet:#122a59;
		--grey:#d9d9d9;
	}
	/*Fonts*/
	#top #wrap_all h1,
	#top #wrap_all h2, 
	#top #wrap_all h3,
	#top #wrap_all h4,
	#top #wrap_all h5,
	#top .av-main-nav li a{
		font-family: "the-seasons", sans-serif; font-weight:bold;
	}
	/*Color stuff*/
	#top #wrap_all .avia_textblock ol > li:before,#top #wrap_all .av-social-link-instagram:hover a, #top #wrap_all .av-social-link-instagram a:focus{background:var(--red);}

	/*Header*/
	.avia-menu.av_menu_icon_beside{border:0px;}
	#top #wrap_all .logo img{width:unset;}

	/*Product list*/
	#top #wrap_all .products .product .woocommerce-loop-product__title, {font-family:"the-seasons", sans-serif;}

	/*Product page*/
	#top #wrap_all #main .add-to-cart-column{background:var(--violet) !important;}
	#top.single-product #wrap_all .add-to-cart-column .product.add_to_cart_inline .button:hover{color:var(--violet);}


	/*Referenssitähdet*/
	#top #wrap_all .avia-content-slider.star-references .entry-content:before{content: "\e808 \e808 \e808 \e808 \e808"; margin-top: 10px; color: var(--violet); font-size: 30px; line-height: 30px; letter-spacing: 10px; width: 100%; text-align: center; display: block;font-family: 'entypo-fontello';}

	/*FAQ*/
	#top #wrap_all .togglecontainer .single_toggle{border-bottom:1px solid var(--grey);}

	/*Form*/
	#top .alternate_color input[type="submit"]{float:none;}
	#top .alternate_color input[type="submit"]:hover{color:var(--red); border-bottom:1px solid var(--red);}

	/*Slider nav*/
	#top #wrap_all .avia-smallarrow-slider .avia-slideshow-dots a{background:var(--grey);}
	#top #wrap_all .alternate_color .avia-smallarrow-slider .avia-slideshow-dots a{background:#ffffff;}
	#top #wrap_all .avia-smallarrow-slider .avia-slideshow-dots a.active{background:var(--red);}


	/*Footer*/
	#top #wrap_all .footer-logo{width:200px;}
	#top #wrap_all .footer .social-media-icons ul{display: flex; gap:8px; justify-content: center;}
    #top #wrap_all .footer .social-media-icons li{border:0px; margin-left:0px; text-align: left; float:none;}
    #top #wrap_all .footer .socket-column{border-top:1px solid #ffffff; padding-top:40px;}



}
@media only screen and (min-width: 768px) {
	#top #wrap_all .footer-menu{text-align: left;}
	#top #wrap_all .logo img{width:unset;}

	#top #wrap_all .footer .social-media-icons ul{justify-content: flex-start;}
}

@media only screen and (max-width: 768px) {
	/*Center in mobile*/
    /*Center image*/
    #top #wrap_all .center-in-mobile.avia-image-container.avia-align-left, #top #wrap_all .center-in-mobile.avia-image-container.avia-align-right{text-align: center; float:none; margin:0 auto;}
    #top #wrap_all .center-in-mobile.avia-image-container.avia-align-left .avia_image, #top #wrap_all .center-in-mobile.avia-image-container.avia-align-right .avia_image{display: inline-block;}
    /*Center heading*/
    #top #wrap_all .center-in-mobile .av-special-heading-tag, #top #wrap_all .center-in-mobile .av-subheading{text-align: center;}
    /*Center text block*/
    #top #wrap_all .center-in-mobile.avia_textblock, #top #wrap_all .center-in-mobile.avia_textblock p{text-align: center;}
    /*Center button*/
    #top #wrap_all .center-in-mobile.avia-button-wrap{width:100%; display: block; text-align: center; float:none;}
    #top #wrap_all .center-in-mobile .avia-button.avia-position-left, #top #wrap_all .center-in-mobile .avia-button.avia-position-right{float:none; display: inline-block;}
}