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

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body{
    box-sizing: border-box;
    min-height: 100%;
}
body, h1, h2, h3, h4, h5, h6, p, div, #contentarea p, #contentarea .reviewcontentarea div, a.votenow{
    font-family: "Inter", sans-serif!important;
}
section#branding{

}

/*layout*/
section#wrap,section#branding #content,footer #footerwrap{
    width:1140px;
}
@media (max-width: 1200px){
    section#wrap,section#branding #content,footer #footerwrap{
        width:900px;
    }
}
@media (max-width: 992px){
    section#wrap,section#branding #content,footer #footerwrap{
        width:720px;
    }
}
@media (max-width: 768px){
    section#wrap,section#branding #content,footer #footerwrap{
        width:540px;
    }
    section#branding #content .clearfix{
        height: 60px;
    }
}
@media (max-width: 576px){
    section#wrap,footer #footerwrap{
        width:94%;
        padding:3%;
    }
    section#branding #content{
        width:94%;
        padding:0 3%;
    }
    #lang .company-name-lbl{
        margin-top:0;
    }
    footer{
        padding:0;
    }
}

#lang{
    margin-right: 0;
}
@media (max-width: 768px){
    #lang{
        float:none;
    }
}
@media (max-width: 576px){
    #lang{
        padding:0 10px;
    }
}
#content img{
    padding:0;
}
#contentarea{
    width:70%;
}
#contentarea h2{
    float: none;
}
#sidebar{
    width:27%;
}

#sidebar.fixed {
    width: 290px;
}

@media (max-width: 1200px){
    #sidebar.fixed {
        width: 245px;
    }
}

@media (max-width: 992px){
    #sidebar.fixed {
        width: 195px;
    }
}

@media (max-width: 768px){
    #sidebar.fixed {
        width: 100%;
        position: static!important;
        margin-top: 80px;
    }
}

@media (max-width: 768px){
    #contentarea,#sidebar{
        float:none;
        width:94%;
        padding:0 3%;
    }
}
@media (max-width: 576px){
}
.materials,.details{
    width: auto;
}

/*voting page*/
#voteheading2,#assignappointee,.queswrap, .fullcol{
    width:100%;
}
.leftcol{
    width:20%;
}
.rightcol{
    width:79.8%;
}
.ques{
    width:95%;
    float:left;
    padding-left:5%;
}

#sidebarPlaceholder {
    float: none!important;
}