* {
	margin:0;
	padding:0;
	color:white;
}

#container {
	margin: 30px auto;
	width: 960px;
}

#header {
	width: 100%;
    /* background: #3f38ae; */
    background: #236c2e;
 	margin-bottom: 2%;
	height: 300px;
    padding:10px;
}

#content {
	float: left;
	width: 56%;
	margin-right: 2%;
    padding:13px;
	/* background: #3f90ae; */
    background: #236c2e;
font-size: small;
}

#huf1 {

font-size: medium;
}

#sidebar1 {
	float: left;
	width: 20%;
	margin-right: 2%;
	background: #30913e;
	height: 800px; 
}

#sidebar2 {
	float: left;
	width: 20%;
	background: #16441d;
	 height: 800px; 
}


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

#container { width:100%; }

#content { width:78%;
    font-size: small;
        background: #236c2e;
}

#sidebar1 {
	width: 20%;
	margin-right: 0;
	margin-bottom: 2%;
	background: #30913e;

}

#sidebar2 {
	width: 100%;
	height: 200px;
    	background: #16441d;

}

} 

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

#content {
	width: 100%;
	margin-right: 0;
	margin-bottom: 2%;
        background: #236c2e;
}

#sidebar1 {
	width: 100%;
	height: 200px;
	margin-right: 0;
	margin-bottom: 2%;
	background: #30913e;

}

#sidebar2 {
	width: 100%;
	height: 200px;
	margin-top: 2%;
    	background: #16441d;

}
}



@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap"); /* import font */

:root{
    --white: #f9f9f9;
    --black: #36383F;
    --gray: #85888C;
} /* variables*/

/* Reset */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    background-color: var(--white);
    font-family: "Poppins", sans-serif;
}
a{
    text-decoration: none;
}
ul{
    list-style: none;
}



.header{
    background-color: var(--black);
    background-image: url("gira4.png");
      background-size: 100% auto;
    box-shadow: 1px 1px 5px 0px var(--gray);
    position: sticky;
    top: 0;
    width: 100%;
}
/* Logo */
.logo{
    /* display: inline-block; */
      display: flex; 
  justify-content: center; 
  align-items:center;
    color: var(--white);
    font-size: 60px;
    /*margin-left: 210px; */
    position: middle;
}

div {
  background-size: 100% auto;
}