@media (width <= 600px) {
	.logo {
		width: 30px !important;
		opacity: 0;
		margin-left: 10px;
	}

	nav ul li {
		margin-right: 30px !important;
	}
	
}

.logo {
	width: 45px;
	opacity: 0;
}

#menu1 {
	opacity: 0;
}
#menu2 {
	opacity: 0;
}
#menu3 {
	opacity: 0;
}
.header {
	margin-top: 70px;
	margin-bottom: 80px;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}

p { 
	font-family: "Lato";
	font-weight: 700;
	font-style: normal;
	font-size: 16pt;
	color: #191919;
}

h2 { 
	font-family: "Lato";
	font-weight: 900 !important;
	font-style: normal;
	font-size: 20pt;
	color: #191919;
}

nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
}

nav ul li {
	margin-right: 80px;
}

nav ul li a {
	font-family: "Lato";
	font-weight: 700;
	font-style: normal;
	font-size: 16pt;
	color: #191919;
	text-decoration: none;
}

.about-div {
	justify-content: center;
	margin-bottom: 20px;
	background-color: #f2f0e9;
	position: relative;
}

.about-div img {
	width: 100%;
}

.about-div-mobile {
	justify-content: center;
	margin-bottom: 20px;
	background-color: #f2f0e9;
	position: relative;
}
.about-div-mobile img {
	width: 100%;
	
}

.about-overlay {
	position: absolute;
	top: 0; /* Alinha ao topo da div base */
      left: 0
}

#name {
    margin-top: 2em;
    font-size: 37pt;
    color: #303030;
	margin-bottom: 0;
}

#position {
    font-weight: 300;
    color: #303030;
}

#bio {
	margin-left: 20%;
    color: #303030;
    font-size: 12pt;
    padding-right: 35%;
    font-weight: 500;
    text-align: justify;
}

#bio span {
	display: inline-block;
}

#name-mobile {
    margin-top: 3em;
    font-size: 16pt;
    color: #303030;
	margin-bottom: 0;
}

#position-mobile {
	font-size: 11pt;
    font-weight: 300;
    color: #303030;
}

#bio-mobile {
	margin-left: 5%;
    color: #303030;
    font-size: 8pt;
    padding-right: 50%;
    font-weight: 500;
    text-align: justify;
}

#bio-mobile span {
	display: inline-block;
}


.portfolio-div {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;

}

.portfolio-column {
	display: flex;
	flex-direction: column;
	margin-right: 20px !important;
	
}

.portfolio-column img {
	margin-bottom: 20px;
}

.contact {
	display: flex;
    align-items: center;
    flex-direction: column;
}

.contact-flex{
	display: flex;
	flex-direction: row;
}

.socialmedia-div {
	display: flex;
	flex-direction: row;
}

.socialmedia {
	width: 42px;
	margin-right: 12px;
	padding: 0px !important;
}

.bottom-border {
	width: 100%;
	border-bottom: solid 1px #bbbbbb;
	border-left-color: transparent;
	border-top-color: transparent;
	border-right-color: transparent;
}


textarea {
	resize: none !important;
	height: 150px;
}

#stroke {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

#footer-text {
	font-weight: 300 !important;
}

.modal-body img {
	width: 100%;
	margin-bottom: 1em;
}

.modal-body div {
	text-align: center !important;
}

#cover1, #cover3, #cover5 {
	margin-left: -150px;
	opacity: 0;
}

#cover2, #cover4, #cover6 {
	margin-left: 150px;
	opacity: 0;
}