/*
	Twenty by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Basic */

	body {
		min-width: 320px;
	}

	h2 {
		font-size: 1.25em;
		letter-spacing: 0.1em;
	}

	h3 {
		font-size: 1em;
		letter-spacing: 0.025em;
	}

	p {
		text-align: justify;
	}

/* Section/Article */

	header {
		text-align: center;
	}

		header.major {
			padding-bottom: 0;
		}

		header.special {
			margin-bottom: 3em;
			padding-left: 1.5em;
			padding-right: 1.5em;
		}

			header.special:before, header.special:after {
				width: 38%;
			}

			header.special .icon {
				font-size: 0.75em;
				top: 1.5em;
			}

		header p {
			text-align: center;
		}

	footer.major {
		padding-top: 0;
	}

/* Icon */

	.icon.circle {
		font-size: 1em;
	}

/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button {
		max-width: 20em;
		width: 100%;
	}

		input[type="button"].fit,
		input[type="submit"].fit,
		input[type="reset"].fit,
		.button.fit {
			width: auto;
		}

/* List */

	ul.icons li {
		padding-left: 0.25em;
	}

	ul.featured-icons li .icon {
		width: 1.1em;
	}

	ul.buttons {
		text-align: center;
	}

/* Wrapper */

	.wrapper {
		margin-bottom: 2.5em;
		padding: 2.25em 1.5em;
	}

		.wrapper.special br {
			display: none;
		}

		.wrapper.style1 {
			padding: 0 1.5em;
		}

		.wrapper.style2 {
			background-size: 10em;
			padding: 2.25em 1.5em;
		}

		.wrapper.style4 {
			background-size: 10em;
			padding: 1.5em 1.5em 3em 1.5em;
		}

/* Banner */
    #ossia-logo-header {
        display: none !important;
    }
	#banner {
		background-size: 10em, 10em, auto, cover;
		padding: 6em 0;
	}

        #banner .background-image {
            background-size: cover;

            padding: 6em 0;
            background: var(--dark-grey);
        }
            #banner .inner {
                position: absolute;
                top: 0;
                left: 0;
                background-size: cover !important;
                padding: 0.5em;
/*                 padding-top: 5em; */
            }

            h1.software {
                font-size: 32px;
            }
            h2.software, span.software {
                font-size: 32px;
            }
			#banner .inner header h2 {
				font-size: 1.em;
                font-weight: 600;
                letter-spacing: 0.1em;
                padding: 0.5em;
			}
			#banner .inner br {
				display: inline;
			}
			#banner .inner p {
				text-align: center;
			}

			#banner .software-logo {
                height: 40px;
                padding-right: 0;
            }

            #banner .download {
                display:none;
            }

h1.software{
    font-size: 42px;
}
h2.software, span.software {
    font-size: 42px;
}
h2.catchphrase {
    font-size: 24px;
}
/* Main */

	#main {
		background-size: 10em;
		padding: 3.5em 0 2.5em 0;
	}

	body.index #main {
		padding: 2.5em 0 0 0;
	}

	body.contact #main {
		padding-bottom: 0;
	}


/* Footer */

	#footer {
		padding: 3em 1.5em;
	}

		#footer .copyright li {
			display: block;
			margin: 1em 0 0 0;
			padding: 0;
			border: 0;
		}

/* Front page */

h2.logo-header {
    font-size: 28px;
    letter-spacing: 0.05em;
}

div.logo-grid {
    padding: 0;
}

.carouselcontainer {
    padding: 0;
    width: 300px;
}


.tooltip .tooltiptext {
    display:none;
}
h2.front-page a{
    font-weight: 600 !important;
    font-family: 'Catamaran', sans-serif;
    font-size: 22pt;
    padding: 0;

    padding-left: 20px;
    text-transform: uppercase;
    text-align: center;

    letter-spacing: 0.4em;
}

.title-section {
    font-size: 34px;
    letter-spacing: 0.01em;
}


/* Frontpage blog + twitter */


.blog-twitter{
    padding: 0;
    margin: 0;
}

.thumbnail-blogpost{
    width: 300px;
}

.blog-list {
    width: 100%;
    padding: 0;
}

.twitter {
    display:none;
}
/* Front page features */

.feature-container {
    flex-direction: column-reverse;
}
.feature-container.reversed {
    flex-direction: column;
}
.feature {
    margin: 0.2em;
}

#overlay > img {
    width: 100%;
    height: auto;
}
.feature.logo-grid {
    width: 90%;
    padding: 0;
}
.feature.image-container {
    width: 90%;
}
.feature.text {
    padding: 0.2em;
}
.feature.text > h2 {
    font-size: 34px;
    letter-spacing: 0.01em;
}
.feature.text > p, .feature.text > ul {
    width: 90%;
}
/* Menu button */

.menu-item {
    width:auto;
    font-size: 15px;
    line-height: 1em;
    font-weight: 400;
    border-radius: 0px;
    padding: 0.01em;/*0.1em;*/
    background: none;
    margin: auto;
    margin-top: 1em;
    color: var(--light-blue);
}

.menu-item > .icon-svg {
    background: var(--light-blue);
}
.menu{
    width: 100%;
    padding: 0;
}

.menu-item.panel{
    height: 160px;
    width: 48%;
    padding: 0;
    padding-top: 1em;
    margin-top: 0.5em;
    background: var(--light-transparent-blue);
    color: black;
    font-size: 18px;
    font-weight: 700;
    vertical-align: center;
}

.menu-item.panel > p{
    font-weight: 400;
    font-size: 16px;
}
.menu-item.panel > .icon-svg {
    background: black;
}

.menu-item.mid-panel{
    height: 200px;
    width: 24%;
}

p.description {
    font-size: 18px;
}

.icon-svg {
  width: 32px;
  height: 32px;
}

header.container {
    padding-top: 1em !important;

}

.page-button {
    font-size: 18px;
    line-height: 0.7em;

    padding: 0.2em;
}
.frontpage-video{
    width:100%;
    margin: 0;
}
/* Download */
.page-button.download-page {
    font-size: 18px;
    margin: 5px;
    line-height: 1.0em;
    width: 30%;
}
.page-button.download-page.small {
    font-size: 13px;
    width: 22%;
    height: 100px;
    margin: 3px;
}

/* Blog */
.row.oneandhalf {
    width: 100% !important;
    margin: 0 !important;
}

.wrapper.blog{
     padding: 1em;
}
 h2.blog.title{
     font-size: 22px;
     letter-spacing: 0.01em;
}
ul.posts {
    width: 100%;
    margin: 0;
    padding: 1em !important;
}
.categories {
    display: none;
}

.wrapper.container.nav{
   padding: 1em;
}

a.thumbnail{
    margin-left: auto;
    margin-right: auto;
}

.post-nav {
    font-size: 40px;
    padding: 0  em;
}
.post-nav-title{
    display: none !important;
}

/* Features page */
a.thumbnail{
    padding: 0;
    background: none;
    margin-bottom: 1em;
}

h1.post-title, h1.download-title {
    font-size: 1.25em;
    letter-spacing: 0.1em;
}