header {
	height: 80px;
}

nav {
	position: absolute;
	right: 2px;
	z-index: 5;
	line-height: 36px;
	height: 36px;
}

.btn {
    border-radius: 1.5em;
    padding: 8px 14px;
    font-size: 13px;
    min-width: 110px;
}

#switch {
	position: absolute;
	color: #c7d8f3;
	margin-left: auto;
	right: 5%;
	margin-right: 3px;
	margin-top: 70px;
	font-size: 14px;
	display: none;
}

section {
	padding-top: 80px;
}

.page {
	width: 92%;
	margin: auto;
	padding-top: 90px;
}

section.right .title, section.right .subtitle, section.right .btn {
	width: auto;
	margin-right: auto;
	margin-left: 0;
}

section.left .title, section.left .subtitle, section.left .btn {
	margin-right: auto;
	margin-left: 0;
}

section.center .title, section.center .subtitle, section.center .btn {
	width: auto;
	margin-right: auto;
	margin-left: auto;
}

.title {
    font-size: 30px;
    line-height: 40px;
}

.subtitle {
	font-size: 14px;
	line-height: 22px;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

table {
	border-collapse: separate;
}

footer table td {
	display: block;
	text-align: center !important;
}

#logofooter {
	max-width: 80%;
	width: 90px;
	height: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

#brandlogo {
    height: 28px;
    position: absolute;
    left: 6px;
    margin-top: 26px;
}

.only_mobile {
    display: block;
}

.only_desktop {
    display: none;
}

.left .images--effect {
	position: relative;
	margin-left: auto;
	min-height: 50vh;
	width: 100%;
	margin-right: -6%;
}

.right .images--effect {
	position: relative;
	margin-right: auto;
	min-height: 50vh;
	width: 100%;
	margin-left: -6%;
}

#img1 {
    margin-right: 3%;
}

#img2 {
	margin-left: 3%;
}

#img3 {
    margin-right: 3%;
}

#img4 {
	margin-left: 3%;
}

#img5 {
    margin-right: 3%;
}