/**/
@media(min-width:1200px){
#wrapper{
  /* border: solid red; */
  padding: 15px;
}
#header{
  background-color: black;
  height: 100px;
  border-radius: 15px;
}
#content{
  /* border:solid blue; */
  margin-top: 15px;
}
#content::after{
  content: "";
  clear: both;
  display: block;
}
#left-panel{
  /* border:solid green; */
  width: 20%;
float: left;

}
#navbar{
  background-color: darkgoldenrod;
  height: 400px;
  border-radius: 15px;
}
#news{
  background-color: rgba(184, 167, 11, 0.411);
  height: 200px;
  border-radius: 15px;
  margin-top: 15px;
}
#right-section{
  background-color: rgb(184, 11, 161);
  height: 620px;
  border-radius: 15px;
  
  width: 79%;
  float: right;
}
#footer{
  height: 100px;
  background-color: black;
  border-radius: 15px;
  margin-top: 15px;
}
}
@media(min-width:992px) and (max-width:1199px){
#wrapper{
  /* border: solid red; */
  padding: 15px;
}
#header{
  background-color: rgba(65, 83, 30, 0.589);
  height: 100px;
  border-radius: 15px;
}
#content{
  /* border:solid blue; */
  margin-top: 15px;
}
#content::after{
  content: "";
  clear: both;
  display: block;
}
#left-panel{
  /* border:solid green; */
  width: 20%;
float: left;

}
#navbar{
  background-color: darkgoldenrod;
  height: 400px;
  border-radius: 15px;
}
#news{
  background-color: rgba(184, 167, 11, 0.411);
  height: 200px;
  border-radius: 15px;
  margin-top: 15px;
}
#right-section{
  background-color: rgb(184, 11, 161);
  height: 620px;
  border-radius: 15px;
  
  width: 79%;
  float: right;
}
#footer{
  height: 100px;
  background-color: black;
  border-radius: 15px;
  margin-top: 15px;
}
}
@media(min-width:768px) and (max-width:991px){
  
    #wrapper{
      /* border: solid red; */
      padding: 15px;
    }
    #header{
      background-color: black;
      height: 100px;
      border-radius: 15px;
    }
    #content{
      display: table;
      width: 100%;
      /* border:solid blue; */
      margin-top: 15px;
    }
    #left-panel::after{
      content: "";
      clear: both;
      display: block;
    }
    #left-panel{
      /* border:solid rgb(92, 4, 255); */
      width: 100%;
   display: table-footer-group;
    
    }
    #navbar{
      background-color: rgb(51, 98, 104);
      height: 100px;
      border-radius: 15px;
      width: 78%;
      float: left;
    }
    #news{
      background-color: rgb(138, 67, 73);
      height: 100px;
      border-radius: 15px; 
      float: right;
      width: 20%;
    }
    #right-section{
      background-color: rgb(173, 184, 11);
      height: 620px;
      border-radius: 15px;
      margin-bottom: 15px;
      width: 100%;
      
    }
    #footer{
      height: 100px;
      background-color: rgb(0, 0, 0);
      border-radius: 15px;
      margin-top: 15px;
    }
  }

@media(max-width:767px){
  #wrapper{
    /* border: solid red; */
    padding: 15px;
  }
  #header{
    background-color: hsl(0, 88%, 60%);
    height: 100px;
    border-radius: 15px;
  }
  #content{
    display: table;
    width: 100%;
    /* border:solid blue; */
    margin-top: 15px;
  }
  #left-panel::after{
    content: "";
    clear: both;
    display: block;
  }
  #left-panel{
    /* border:solid rgb(92, 4, 255); */
    width: 100%;
 display: table-footer-group;
  
  }
  #navbar{
    background-color: rgb(51, 98, 104);
    height: 100px;
    border-radius: 15px;

  }
  #news{
    background-color: rgb(138, 67, 73);
    height: 100px;
    border-radius: 15px; 
    margin-top: 15px;
  }
  #right-section{
    background-color: rgb(11, 184, 40);
    height: 620px;
    border-radius: 15px;
    margin-bottom: 15px;
    width: 100%;
    
  }
  #footer{
    height: 100px;
    background-color: rgb(0, 0, 0);
    border-radius: 15px;
    margin-top: 15px;
  }

}