@media screen and (max-width: 767px)

{	
	.main {
			margin: 0;
	}

	.menu .nav-bar {
		display: none;
}
	.menu .nav-dropdown {
		display: inline-block;
		position: relative;
	}

	.dropdown-content {
 		display: none;
 		padding-top: 0.6em;
 		padding-bottom: 0.6em;
  		position: center;
  		background-color: #f1f1f1;
  		min-width: 8em;
  		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  		z-index: 1;
	}
	.fas {
  		background-color: white;
  		color: #A8BA9A;
  		font-size: 1.2em;
		padding: 0.5em;
		border: none;
		outline: none;
	}

	.show {
		display:block;
	}

    .column {
        width: 100%;
    }
}

/* For IPad and IPad Pro */
@media screen and (min-width: 767px) and (max-width: 1025px)
{
	.main {
		margin-left: 5%;
		margin-right: 5%;
	}
}