/* style.css*/
    	* {
		  box-sizing: border-box;
		}
		body {
		    margin: 0;
		    padding: 0;
		    font-family: Arial, sans-serif;
		  }

		img.featured-img{
			float: left;
			margin: 0 10px 0 0;
		}
		/* Create two equal columns that floats next to each other */
		.column {
		  float: left;
		  width: 50%;
		  padding: 10px;
		  height: 300px; /* Should be removed. Only for demonstration */
		}

		/* Clear floats after the columns */
		.row:after {
		  content: "";
		  display: table;
		  clear: both;
		}
		  nav {
		    background-color: black;
		    color: white;
		    display: flex;
		    justify-content: space-between;
		    align-items: center;
		    padding: 10px 20px;
		  }
		  
		  .logo {
		    font-size: 1.5rem;
		  }
		  
		  .checkbtn {
		    font-size: 30px;
		    color: white;
		    cursor: pointer;
		    display: none;
		  }
		  
		  #check {
		    display: none;
		  }
		  
		  

			div.content {
			    margin-left: 20px;
			    padding: 40px 40px;
			}
			.right {
			  background-color: #000011;
			  float: left;
			  width: 20%;
			  padding: 15px;
			  margin-top: 7px;
			  text-align: center;
			}

			.padded-boxes {
			    display:flex;
			    flex-wrap:wrap;
			    gap:2rem;
			}

			/* boxes */
			.padded-boxes > * {
				width:calc(50% - 1rem);
			    background:#eee;
			    border-radius:.4rem;
			}

			/* headings */
			.padded-boxes .heading {
			    background:#ff9913;
			    margin:0;
			    padding:1rem;
			    border-top-left-radius:.4rem;
			    border-top-right-radius:.4rem;
			}

			/* padded content */
			.padded-boxes .padded {
			    padding:.1rem 1rem;
			}

			.expanded-boxes {
			    display:flex;
			    flex-wrap:wrap;
			    gap:2rem;
			}

			/* boxes */
			.expanded-boxes > * {
				width:calc(100% - 1rem);
			    background:#eee;
			    border-radius:.4rem;
			}

			/* headings */
			.expanded-boxes .heading {
			    background:#ff9913;
			    margin:0;
			    padding:1rem;
			    border-top-left-radius:.4rem;
			    border-top-right-radius:.4rem;
			}

			/* padded content */
			.expanded-boxes .padded {
			    padding:.1rem 1rem;
			}

			.fa {
			  padding: 6px;
			  font-size: 17px;
			  width: 25px;
			  text-align: center;
			  text-decoration: none;
			  margin: 2px 2px;
			}

			.fa:hover {
			    opacity: 0.7;
			}

			.fa-facebook {
			  background: #3B5998;
			  color: white;
			}

			.fa-twitter {
			  background: #55ACEE;
			  color: white;
			}

			.fa-google {
			  background: #dd4b39;
			  color: white;
			}

			.fa-linkedin {
			  background: #007bb5;
			  color: white;
			}

			.fa-youtube {
			  background: #bb0000;
			  color: white;
			}

			.fa-instagram {
			  background: #125688;
			  color: white;
			}
			
		@media (max-width: 768px) {
		    .checkbtn {
		      display: block;
		      order: 1;
		      margin-right: 20px;
		    }
		  
		    div.content {
		        margin-left: 0;
		    }
		    .column, .right {
				width: 100%;
			}

			.padded-boxes > * {
		        width:100%;
			}
		}