@CHARSET "UTF-8";

html {
    margin : 0;
    padding : 0;
    }

body {
    margin : 0;
    padding : 0;
    width : 100%;
    min-width : 320px; /* main small css? No. smaller?*/
}

#main{
/*    background-image : url('/icg/sa/public_sector/casebook/site/img/homepage_no_dots_trans_50_small.png') !important;
    background-color: #036;
    background-repeat :no-repeat;
    background-size: 100% auto;
		background-position:0 100px;*/
}

/* landing page */
.dot-container, .map-hit {
    display : none;
}


/* end landing page */

/*.row2-segment {
	margin-top : 8px;
}

a.row2-segment-first {
	margin-left : 0 !important;
}


.table-large {
    display : none;
}

.table-medium {
    display : none;
}

.table-small {
    display : table;
}

.table-small td {
    width: 100% !important;
}



.second_line {
overflow: hidden;
margin: 6px 30px 0px;
}

.pages_nav {
overflow: hidden;
width: 100%;
}


.doc-info {
	width : 80% !important;
}*/
    

/*  2 button */
/*.pages_nav a.btns-2 {
	width: 49% !important;
    margin-left: 2%;
}*/

/*  3 button */
/*.pages_nav a.btns-3, .pages_nav a.btns-9 {
	width: 32% !important;
    margin-left: 2%;
}*/

/*  4 button */
/*.pages_nav a.btns-4 {
    width: 49% !important;
    margin-left: 2%;
}*/


/*  5 button */
/*.pages_nav a.btns-5 {
	width: 32% !important;
    margin-left: 2%;
}*/

/*.pages_nav a.row2-segment.btns-5 {
	width: 49% !important;
    margin-left: 2%;
    margin-top : 2%;
}*/

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

    .cb-main-container {
        width : 100%;
    }
    
	.pages_nav a {
        display : table;
		padding: 8px 0 8px 0;
            height: 30px;
			font-weight: bold;
            text-decoration :none;
            
	}
    
	.pages_nav a img {
		display : none;
	}

    .pages_nav a > p {
        display: table-cell !important;
		margin: 0px auto;
		height: 30px;
		width: 100%;
        vertical-align: middle;
		text-align: center;
        padding: 0 0.5em;
    }


    	.pages_nav a img {
		display : none;
	}


        #main_image {
        width : 100%;
    }

    #main_message_overlay {
		margin: 0px 12% 0 4%;
        left : auto;
	}

    .site_message {
   		background-size: 100% auto;
    	width: 100%;
	}
    
    .left_head_text {
		top : 50px;
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 60%;
	    margin: 0 0 0 3%;
	    min-width: 192px;
	    max-width: 236px;
		height: 292px;
	    max-height: 292px;
        position : inherit;
	}
}


@media screen and (max-width: 480px) {
    #contentOuter {
        min-height : 450px;
    }

    #main_image, .cb-main-container, .first_line {
        min-height : inherit;
        height : inherit;
    }
    
	.title {
		font-size: 24px;
        margin-top : 15px;
        margin-bottom : 15px;
	}

    .left_head_text {
		height: 292px;
		top: inherit;
    }
}

@media screen and (max-width: 430px) {
.title {
font-size: 20px;
}
}

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

.title {
font-size: 17px;
margin: 15px 15px;
}

.second_line {
overflow: hidden;
margin: 6px 15px 0px;
}

.ac-container {
    margin: 20px 15px;
    border: none;
	}
}

@media screen and (max-width: 340px) {
    #contentOuter {
        min-height : 400px;
    }
	#logo2 img {
    	width: 225px;
        padding : 3px 0 0 0;
	}

}


/* OVERRIDES TO MOVE TO MAIN CSS FILES*/

/* This should be in layout.css (lmm and lmsmall). Temporarily here until mobile menu goes live*/
/*.global-nav-item-panel-slidewrapper {
		display:none !important;
}*/