/*********************************************************************
    Portugal stylesheet
        Creator: Håkan Fogelberg
        Last updated by: Håkan Fogelberg
        Date of change: 2016-02-19
*********************************************************************/
/* X5 Style */
/*.bootstrapcontainerflexifrontx5 .navigationcontainer { margin-top:24px; }
.bootstrapcontainerflexifrontx5 .logocontainer { width:15%; }
.bootstrapcontainerflexifrontx5 .logocontainer img { width:100%; }*/

@import url("includes/flexifrontx5_general_courlux.css");

@media (min-width: 1000px) {
}

@media (min-width: 1251px)
{
    .startpagewrapper .mainimage h1 { font-size:45px; }

    .sf-menu li { font-size:16px; }
    .bootstrapcontainerflexifrontx5 .sf-menu li { margin-right:4px;font-size:14px !important; }

    .circlepuff .textcontainer { width: 70%;text-align: center;margin-top: 16%;margin-left: 15%; }
    .circlepuff .textcontainer h2 { font-size: 34px;min-height:80px; }

    .roundcornerlinkpuff .header h2 { font-size:30px; }
}

@media (max-width: 1250px) and (min-width: 1000px)
{
    .startpagewrapper .mainimage h1 { font-size:36px; }
    .sf-menu li { font-size:13px; }
    .circlepuff .textcontainer { margin-top: 15%;margin-left: 15%;width: 70%; }
    .tabpuff .itemscontainer .inneritem h3 { font-size:17px; }
    .bootstrapcontainerflexifrontx5 .logocontainer { width:16%; }
    .bootstrapcontainerflexifrontx5 .navigationcontainer { margin-top:10px;margin-left:12px; }
}

@media (max-width: 999px) and (min-width: 768px)
{
    .circlepuff .textcontainer { width: 75%;margin-left: 13%;margin-top: 13%; }
    .circlepuff .textcontainer h2 { font-size: 20px; }

    .roundcornerlinkpuff .header, .roundcornerlinkpuff .linkbutton { vertical-align: top; }
    .roundcornerlinkpuff .header h2 { max-width:390px; }
    .tabpuff .itemscontainer .inneritem h3 { font-size:15px; }
    .circlespuffscontainer h2 { font-size:24px; }

}

@media (max-width: 767px)
{
    .roundcornerlinkpuff .header { max-width: 230px; }
}

@media (max-width: 415px) {
    #topcontent .mainimage h1, .textpuff h2, .tabpuff .text h1, .tabpuff .text h2, .puffitem h2 { font-size: 16px; }
    .roundcornerlinkpuff .header h2 { font-size: 14px; }
    .roundcornerlinkpuff .header { max-width: 160px; }
}

@media (max-width: 359px) {
    #topcontent .mainimage h1, .textpuff h2, .tabpuff .text h1, .tabpuff .text h2, .puffitem h2 { font-size:14px; }
}

.producslist, .productinfo {
    display: none;
}