html{
	background:#cccccc;
	font-family:Gadugi, sans-serif;
}

body{
	hyphens: auto;
}

body.has-navbar-fixed-top{
	margin-top: 3rem;
}

h1 {

}

.title{
	color:#0f243e !important;
}

.subtitle{
	color:#0f243e !important;
}

.navbar-item img{
	max-height:4rem;
}

nav.navbar{
	border-top: 8px solid #0f243e;
	min-height:6rem;
}

.footer{	
}

.section{	
	background:white;
}

#contact.section, #portfolio.section{
	color:white !important;
	padding:1.5rem;
}

#portfolio.section .column {
	display: flex;
}

#portfolio.section .box {	
	background:#0f243e !important;
	color:hsl(0, 0%, 90%) !important;
}

#portfolio.section .box .subtitle {
	color: white !important;
}

#portfolio.section .box strong {
	color:hsl(0, 0%, 82%) !important;
}

#portfolio.section > .title, #portfolio.section > .subtitle {
	color: #0f243e !important;
}

#portfolio.section > .subtitle {
	font-size:1.75rem;
}

#portfolio.section .button.is-link {
	background-color: white !important;
	color:#0f243e !important;
}

#portfolio.section .button.is-link:hover {
	background-color: hsl(0, 0%, 92%) !important;
	color:#0f243e !important;
}

#header.section{
	padding:0;
}

.is-portfolio .button{
	margin-top:1rem;
}

#cooperation {
	table-layout: fixed;
	border:none;
	border-style:collapse;
}

#cooperation td:nth-child(1) {
	width: 10%;
}

#cooperation td {
	margin:0;
	border:none;
	text-align: left;
	padding-bottom:1rem;
}

#cooperation .char {
	background-color: #0f243e;
	color: white;
	font-size:2rem;
	font-weight:600;
	text-align: center;
}

.blockspam {
	display:none;
}

.model-content {
	width: 50% !important;
}

@media screen and (min-width: 769px) {

	.model-content {
		width: 50% !important;
	}
}

@media only screen and (min-width: 1024px) {

.navbar{
	margin:0 auto;
	max-width:65rem;
}

.section{
	margin:0 auto;
	max-width:65rem;
	padding:3rem 1.5rem;
}

.footer{
	margin:0 auto;
	max-width:65rem;
}

}