body {
	overflow-x: hidden;
	width: 100vw;
}

#enc {
	flex-wrap: wrap;
	
	width: 100%;
	max-width: 2000px; 
	margin: auto;
	display: flex;
	background-color: #002642;
}
#logo {
	width: 100%;
	padding-bottom: 0px;
}
nav {
	width: 100%;
	padding-top: 0px;
	margin-bottom: 20px;
	padding: 0px;
	padding-bottom: 15px;
}
nav div {
	width: 100vw !important;
	height: 40px;
}
nav div:before {
    content: "";
    margin-left: -100%;
}
nav div:after {
    content: "";
    margin-right: -100%;
}

nav div a {
	font-size: min(18vw, 40px);
}

nav div a:hover {
	font-size: min(18vw, 50px);
}

#banner {
	height: 35vw; 
}

.section-title {
	background-color: #002642;
	color: #ffffff;
	text-align: center;
	font-size: 30px;
	width: 100vw;
	padding-right:20px;
}
#comics-div {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	height: 450vw;
	max-height: none;
	margin-top: -5vw;
	margin-left: none;
	margin-right: none;
}
.comiccover {
	flex: 1 0 80%;
}


p {
	font-size: 8vw;
}

h1 {
	font-size: 14vw;
}

h2 {
	font-size: 12vw;
}

#portfolio .text a {
	font-size: 12vw;
}

.button a {
	font-size: 8vw;
}

#about h1 {
	margin-top: 24px;
}

/* Comisiones */

.comm-title h1 {
	font-size: 60px;
}
.comm-title h2 {
	font-size: 40px;
	margin-top: -40px;
}

.comm-artstyle .text{
	text-align: center;
	font-size: 8vw;
	
}
.comm-artstyle h1 {
	margin-top: 0px;
}
.comm-artstyle > table {
	/* margin: 20px 100px; */
}
.comm-artstyle td {
	
	/* width: 50%; */
}
.artstyle-desc td {
	padding-right: 10px;
}

.terms {
	text-align: center;
	font-size: 8vw;
	margin-top: 0px;
}

#will, #wont {
    width: calc(100vw - 100px);
    float: left;
	text-align: center;
	font-size: 8vw;
	margin: 0px 50px;
}
#will {
    border-radius: 50%;
	background-color: #9fa;
}
#wont {
	margin-top: 20px;
    border-radius: 50%;
	background-color: #f99;
}


.comm-artstyle .container {
	flex-direction: column;
	margin: 0px 0px;
}
.comm-artstyle .container div {
	width: 100%;
	margin: auto;
}
.artstyle-desc p {
	text-align: center;
	font-size: 30px;
}
.artstyle-desc table {
	font-size: 30px;
	width: 100%;
	margin: 20px auto;
	font-weight: bold;
}
.container .artsyle-img img {
	margin: 0px;
}
.container .artsyle-img  {
    margin: 0px 20px !important;
    width: auto !important;
}

.minus-sixty {
	margin-top: -10px !important;
}
#comics-list ul {
    padding: 0px;
}
#comics-list li {
    line-height: 30px;
    text-align: center;
    margin: 20px 5px;
}
#comics-list li a {
    margin: 0px;
    font-size: 40px;
}