body{

background-color: #edd9cc;
color: white;
}


#logo{
background-image: url("../images/header.png");
margin-top: 20px;
min-height: 200px;
max-height: 200px;
background-repeat: no-repeat;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}

li{
background-color: #ff791d;
}

.dropdown-menu > li > a,
li > a{
color: #fff;
font-weight:bold;
z-index:1;
}

.dropdown-menu > li > a:hover,
li > a:hover{
color: #fff;
background-color: #0a77cb;
font-weight:bold;
z-index:1;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus
{
color: #fff;
background-color: #0a77cb;
font-weight:bold;
z-index:1;
}




.col-md-8{
background-color: #f4c39b;
background-image: url("../images/background.png");
background-repeat: repeat-y;
background-position: center;
padding-top: 10px;
border-bottom-left-radius: 20px;
margin-left: 15px;
margin-right: -15px;
min-height: 400px;
z-index: 0;
}

@media screen and (min-width: 1220px) {
.col-md-4{
padding-top: 40px;
background-color: #f4c39b;
max-width: 30.7%;

border-bottom-right-radius: 20px;
margin-left: 15px;
padding-left: 25px;
min-height: 400px;
z-index: 0;
}
}



@media screen and (min-width: 1024px) and (max-width: 1219px) {
.col-md-4{

padding-top: 40px;
background-color: #f4c39b;
max-width: 30.2%;
margin-left: 15px;
border-bottom-right-radius: 20px;
padding-left: 25px;
min-height: 400px;
z-index: 0;
}
}


@media screen and (min-width: 769px) and (max-width:1023px){
.col-md-8{
max-width: 96%;

}

.col-md-4{

padding-top: 10px;
background-color: transparent;
margin-left: auto;
margin-right: auto;

min-height: 400px;
z-index: 0;
}}


@media screen and (max-width: 768px){
.col-md-8{
max-width: 95.5%;
border-radius: 20px;

}

.col-md-4{

padding-top: 10px;
background-color: transparent;
margin-left: auto;
    margin-right: auto;

min-height: 400px;
z-index: 0;
}

}



.container{

max-width: 1140px;
border-width: 2px;
}

#fbnek{
background-color: white;
max-width: 240px;
}