* {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
}
/* Navigation-anfang */
.main-nav a {
	text-decoration: none;
	color: #DF1A1A;
	font-family: Segoe UI;
	font-size: 30px;
	font-weight: 350;
}

.main-nav li {
	list-style: none;
	display: inline;
	padding-left: 40px;
}

.menu-hauptnavigation-container{
	float:left;
	margin-top: -10px;
	padding: 10px 0 10px 0;
}

.main-nav::after{
	content:"";
	clear:both;
	display:table;
}

#main{
	padding-top:81px;
}

#header{
	position: fixed;
	width: 100%;
	background: #fff;
	z-index: 900;
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3);
}
/* Navigation-ende */

button#responsive-menu-button {
    border-radius: 5px;
}

/* Searchfunktion-anfang */
.searchform{
	float:right;
	margin-right: 70px;
	margin-top: 25px;
}

#s {
	padding: 10px 30px 3px 0;
	border: #DF1A1A 1px solid;
	margin-right: 10px;
}

#searchsubmit {
	background-color: #DF1A1A;
	border: 1px #DF1A1A solid;
	padding: 0 15px 2px 15px;
	color: white;
	font-family: Segoe UI;
	font-size: 1.46vw;
}
/* Searchfunktion-ende */

.info {
    font-family: Segoe UI;
    font-size: 1.74vw;
    color: #DF1A1A;
    margin-left: 10%;
}

#main h2 a {
    text-decoration: none;
    font-family: Segoe UI;
    font-size: 1.74vw;
    background-color: white;
    color: #DF1A1A;
    margin-left: 10%;
    text-align: center;
    padding: 5px 30px 5px 30px;
    font-weight: 350;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4); 
}

.nothing {
    font-family: Segoe UI;
    font-size: 2.43vw;
    font-weight: 150;
    color: #DF1A1A;
    margin-left: 20%;
    margin-top: 10%;
    background-color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    padding: 10px 40px 10px 40px;
    display: inline-block;
}

#main {
    min-height: 42vw;
}

.center a {
    font-family: Segoe UI;
    color: #DF1A1A;
    text-decoration: none;
}


/* Willkommenstext-anfang (nur bei der Home-Seite) */
/* Teaser-Text-anfang */
.welcometext {
	border-radius: 40px;
	font-family: Segoe UI;
    font-size: 1.2vw;
	transform: translateY(50%);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
/* Teaser-Text-ende */

/* Titel des Teaser-Textes-anfang */
.welcometext h3 {
	color: #DF1A1A;
	font-size: 2.43vw;
	font-weight: 450;
}
/* Titel des Teaser-Textes-ende */

/* More-Link-anfang */
.welcometext a {
	background-color: #DF1A1A;
	color: white;
	text-decoration: none;
	font-family: Segoe UI;
	padding: 5px 20px 5px 20px;
	font-size: 1.25vw;
}
/* More-Link-ende */

/* Richtiger Willkommenstext auf der Willkommensseite-anfang */
.main-welcometext {
	font-size: 1.25vw;
	font-family: Segoe UI;
	color: #515151;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
	padding: 1.33vw;
}
/* Richtiger Willkommenstext auf der Willkommensseite-ende */

/* Titel nur bei der Willkommensseite-anfang */
.main-welcome-title {
	font-family: Segoe UI;
	font-size: 5.33vw;
	color: #DF1A1A;
	font-weight: bolder;
	text-align: center;
}
/* Titel nur bei der Willkommensseite-ende */
/* Willkommenstext-ende */

/* Where To Go Zeile-anfang */
.wtg-row {
	margin-top: 10%;
}
/* Where To Go Zeile-ende */

.textwidget p {
    overflow-wrap: normal;
}

/* Where To Go Quadrat mit Bild-anfang */
.where-to-go {
	width: 430px;
	height: 430px;
}
/* Where To Go Quadrat mit Bild-ende */

/* Where To Go Titel im Quadrat-anfang */
.where-to-go .textwidget {
	font-family: Segoe UI;
	font-size: 6vw;
	margin-left: 18%;
	padding-top: 1px;
	text-shadow: 0 2px 9px rgba(0, 0, 0, 0.5);
}
/* Where To Go Titel im Quadrat-ende */

/* Where To Go Orte Quadrat-anfang */
.wtg-destination {
	width: 200px;
	height: 200px;
}
/* Where To Go Orte Quadrat-ende */

/* Where To Go Orte Text-anfang */
.wtg-destination .textwidget {
	font-family: Segoe UI;
	font-size: 1.67vw;
	padding-top: 30%;
	text-align: center;
}
/* Where To Go Orte Text-ende */

/* Where To Go Orte Links-anfang */
.wtg-destination a {
	text-decoration: none;
	color: white; 
}
/* Where To Go Orte Links-ende */

/* Travel Tips Zeile-anfang */
.tt-row {
	margin-bottom: 10%;
}
/* Travel Tips Zeile-ende */

/* Travel Tips Quadrat mit Bild-anfang */
.travel-tips {
	width: 430px;
	height: 430px;
}
/* Travel Tips Quadrat mit Bild-ende */

/* Travel Tips Titel im Quadrat-anfang */
.travel-tips .textwidget {
	font-family: Segoe UI;
	font-size: 5.77vw;
	text-align: center;
	padding-top: 12%;
	text-shadow: 0 2px 9px rgba(0, 0, 0, 0.5);
}
/* Travel Tips Titel im Quadrat-ende */

/* Travel Tips Orte Quadrat-anfang */
.tt-destination {
	width: 200px;
	height: 200px;
	background-color: #DF1A1A;
}
/* Travel Tips Orte Quadrat-ende */

/* Travel Tips Orte Text-anfang */
.tt-destination .textwidget {
	font-family: Segoe UI;
	font-size: 1.33vw;
	padding-top: 30%;
	text-align: center;
}
/* Travel Tips Orte Text-ende */

/* Travel Tips Orte Links-anfang */
.tt-destination a {
    text-decoration: none;
    color: white;
}
/* Travel Tips Orte Links-ende */

/* "Click Here To See All Destinations-anfang */
.click-here a {
	font-family: Segoe UI;
	color: #DF1A1A;
	font-size: 1.33vw;
}
/* "Click Here To See All Destinations-ende */

/* Switzerland in Sound Logo Hintergrund (wtg, tt)-anfang */
.logo {
	background-color: white;
	transform: scale(0.4) translateY(0%);
	border-radius: 40px;
	box-shadow: 0 20px 30px rgba(0, 0, 0, 0.4);
}
/* Switzerland in Sound Logo Hintergrund (wtg, tt)-ende */

/* Switzerland in Sound Logo (wtg, tt)-anfang */
.logo .image {
	width: 100%;
}
/* Switzerland in Sound Logo (wtg, tt)-ende */

/* Header Hintergrundbild (alle Seiten ausser Home)-anfang */
.bg {
	height: 81vh;
}
/* Header Hintergrundbild (alle Seiten ausser Home)-ende */

/* Switzerland in Sound Logo Hintergrund (The Two Bobs)-anfang */
.logo-2bobs {
	background-color: white;
	transform: scale(0.6);
	border-radius: 40px;
	box-shadow: 0 20px 30px rgba(0, 0, 0, 0.4);
}
/* Switzerland in Sound Logo Hintergrund (The Two Bobs)-ende */

/* Switzerland in Sound Logo (The Two Bobs)-anfang */
.logo-2bobs .image {
	width: 100%;
}
/* Switzerland in Sound Logo (The Two Bobs)-ende */

/* Überschrift jeder Seite-anfang */
.title {
	font-family: Segoe UI;
	font-size: 6.67vw;
	color: #DF1A1A;
	font-weight: bolder;
	text-align: center;
}
/* Überschrift jeder Seite-ende */

/* Where To Go Hauptseite-anfang */
.places, .places-middle, .places-left {
	font-family: Segoe UI;
	color: #DF1A1A;
	font-size: 2.2vw;
	text-align: center;
	box-shadow: 0 5px 9px rgba(0, 0, 0, 0.4);
}

.text, .text-middle, .text-left {
	font-family: Segoe UI;
	font-size: 1.3vw;
	color: #242424;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
	padding: 10px 20px 20px 20px;
}

.text a, .text-middle a, .text-left a {
	background-color: #DF1A1A;
	color: white;
	text-decoration: none;
	font-family: Segoe UI;
	padding: 5px 20px 5px 20px;
	font-size: 1.33vw;
}
/* Where To Go Hauptseite-ende */

/* Travel Tips Hauptseite-anfang */
/* Vorschaubild-anfang */
.tt-pic-left, .tt-pic-right {
	box-shadow: 0 5px 9px rgba(0, 0, 0, 0.4);
}
/* Vorschaubild-ende */

/* Titel des Teaser-Textes-anfang */
.tt-text-left h3, .tt-text-right h3{
	color: white;
	font-family: Segoe UI;
	padding: 10px 20px 20px 10px;
    font-size: 1.6vw;
}
/* Titel des Teaser-Textes-ende */

/* Teaser-Text-anfang */
.tt-text-left, .tt-text-right {
	background-color: #DF1A1A;
	color: white;
	font-family: Segoe UI;
	padding: 10px 20px 20px 20px;
	font-size: 1.3vw;
	font-weight: 150;
	box-shadow: 0 5px 9px rgba(0, 0, 0, 0.4);
}
/* Teaser-Text-ende */

/* More-Link-anfang */
.tt-text-left a, .tt-text-right a {
	background-color: white;
	color: #DF1A1A;
	text-decoration: none;
	font-family: Segoe UI;
	padding: 5px 20px 5px 20px;
	font-size: 1.3vw;
	font-weight: 450;
}
/* More-Link-ende */
/* Travel Tips Hauptseite-ende */

/* The Two Bob's Hauptseite-anfang */
/* Titel des Teaser-Textes-anfang */
.ttb-title {
	background-color: white;
	color: #DF1A1A;
	font-family: Segoe UI;
	font-size: 1.6vw;
	text-align: center;
	box-shadow: 0 5px 9px rgba(0, 0, 0, 0.4);
	transform: translateY(30%);
	width: 102%;
}
/* Titel des Teaser-Textes-ende */

/* More-Link-anfang */
.ttb-more a {
	background-color: white;
	color: #DF1A1A;
	font-family: Segoe UI;
	font-size: 1.6vw;
	text-decoration: none;
	box-shadow: 0 5px 9px rgba(0, 0, 0, 0.4);
	padding: 10px 70px 10px 70px;
	text-decoration: none;
}
/* More-Link-ende */

/* Teaser-Text-anfang */
.ttb-text {
	background-color: #DF1A1A;
	font-family: Segoe UI;
	color: white;
	font-size: 1.3vw ;
	font-weight: 150;
}
/* Teaser-Text-ende */
/* The Two Bob's Hauptseite-ende */

/* Features Hauptseite-anfang */
/* Kästchen mit Teaser-Text-anfang */
.features-1, .features-2, .features-3, .features-4 {
	border: #DF1A1A 2px solid;
	font-family: Segoe UI;
	font-size: 1.15vw;
	color: #DF1A1A;
	padding: 20px;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
}
/* Kästchen mit Teaser-Text-ende */

/* Titel des Teaser-Textes-anfang */
.features-1 h3, .features-2 h3, .features-3 h3, .features-4 h3 {
	color: #DF1A1A;
	font-family: Segoe UI;
	font-size: 1.3vw;
}
/* Titel des Teaser-Textes-ende */

/* More-Link-anfang */
.features-1 a, .features-2 a, .features-3 a, .features-4 a {
	text-decoration: none;
	color: white;
	background-color: #DF1A1A;
	font-family: Segoe UI;
	font-size: 1.3vw;
	padding: 10px;
}
/* More-Link-ende */
/* Features Hauptseite-ende */

.ip-title-1, .ip-title-2, .ip-title-3, .ip-title-4 {
    background-color: #DF1A1A;
    color: white;
    font-family: Segoe UI;
    font-size: 1.6vw;
    text-align: center;
    box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.4);
    padding: 3px !important;
}

.ip-text-1, .ip-text-2, .ip-text-3, .ip-text-4 {
    color: #DF1A1A;
    font-family: Segoe UI;
    font-size: 1.3vw;
    box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.4);
}


.ip-more-1 a, .ip-more-2 a, .ip-more-3 a, .ip-more-4 a {
    color: white;
    text-decoration: none;
    font-family: Segoe UI;
    font-size: 1.5vw;
    background-color: #DF1A1A;
    text-align: center;
    padding: 3% 42% 3% 42%;
    box-shadow: 3px 0px 8px rgba(0, 0, 0, 0.4);
}


/* Vitage Archive Hauptseite-anfang */
/* Intro-Text-anfang */
.va-intro {
	font-family: Segoe UI;
	font-size: 1.3vw;
	color: #5d5d5d;
	box-shadow: 0 5px 9px rgba(0, 0, 0, 0.4);
}
/* Intro-Text-ende */
/* Vitage Archive Hauptseite-ende */

/* Contact Hauptseite-anfang */
/* Kontaktformular allgemein-anfang */
.contact {
	font-family: Segoe UI;
	font-size: 1.3vw;
	color: #DF1A1A;
	padding: 20px 0 20px 20px;
	text-align: center;
}
/* Kontaktformular allgemein-ende */

/* Eingabefelder-anfang */
.contact input {
	border: 1.5px solid #DF1A1A;
	padding: 10px;
	border-radius: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
}
/* Eingabefelder-ende */

/* Kommentarfeld-anfang */
.contact textarea {
	border: 1.5px solid #DF1A1A;
	border-radius: 10px;
	margin-top: 10px;
	width: 40%;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
}
/* Kommentarfeld-ende */

/* Abschicken-anfang */
.submit {
	background-color: white;
	font-size: 1.3vw;
	color: #DF1A1A;
	font-family: Segoe UI;
	font-weight: bolder;
	width: 120px;
}
/* Abschicken-ende */

.wpcf7-form-control, .wpcf7-textarea {
	font-family: Segoe UI;
}
/* Contact Hauptseite-ende */

/* About Us-Hauptseite-anfang */
/* Intro-Text-anfang */
.about-us {
	font-size: 1.15vw;
	font-family: Segoe UI;
	color: #515151;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
	padding: 20px;
}
/* Intro-Text-ende */
/* About Us-Hauptseite-ende */

/* Text für alle einzel Seiten von Where To Go-anfang */
.wtg_main_text {
	font-size: 1.3vw;
	font-family: Segoe UI;
	color: #515151;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
	padding: 20px;
}
/* Text für alle einzel Seiten von Where To Go-ende */


.bb-welcome {
	font-family: Segoe UI;
    font-size: 1.3vw;
    color: #5d5d5d;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.bb-left {
	font-family: Segoe UI;
	font-size: 1.15vw;
	color: white;
    background-color: #DF1A1A;
	padding: 20px;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
}

.bb-left h3 {
	color: white;
	font-family: Segoe UI;
	font-size: 1.6vw;
}

.bb-left a {
	text-decoration: none;
	color: #DF1A1A;
	background-color: white;
	font-family: Segoe UI;
	font-size: 1.3vw;
	padding: 10px;
}
.bb-middle {
    display: none;
}

.bb-right {
    display: none;
}

/* Audioplayer für alle Seiten-anfang */
.ai-wrap, .ai-type-simple {
	padding: 10px !important;
 	background-color: white !important;
}

.ai-wrap .ai-audio-control:hover, .ai-wrap .ai-audio-control:focus {
	background-color: #DF1A1A !important;
}

.ai-wrap .ai-audio-control {
	background-color: #DF1A1A !important;
}

.ai-wrap .ai-btn {
	background-color: #DF1A1A !important; 
}

.ai-wrap .ai-btn:hover {
	background-color: white !important;
	color: #DF1A1A !important;
}

.ai-wrap .ai-volume-bar.ai-volume-bar-active::before {
	background-color: #DF1A1A !important;
}

.ai-wrap .ai-volume-bar {
	background-color: white !important;
	border-right: white 1px solid !important;
}

.ai-track-progress {
	background-color: #DF1A1A !important;
}

.ai-wrap .ai-track-progress-bar {
	background-color: white !important;
	border: 1px solid #DF1A1A !important;
}

.ai-wrap .ai-track:hover, .ai-wrap .ai-track.ai-track-active {
	background-color: #DF1A1A !important;
}

.ai-wrap .ai-scroll-wrap > div:last-child {
	background-color: white !important;
	border: 1px solid #DF1A1A !important;
}

.ai-wrap .ai-scroll-wrap > div:last-child div {
	background-color: #DF1A1A !important;
}

.ai-wrap .ai-track-time {
	color: #DF1A1A !important;
	font-size: 15px !important;
}
/* Audioplayer für alle Seiten-ende */

/* Footer-anfang */
#footer a {
	text-decoration: none;
	color: white;
	font-family: Segoe UI;
	font-size: 30px;
	font-weight: 350;
	margin: 60px;
}

#footer ul {
	margin: 0;
	padding: 0;
	padding: 20px 0 20px 0;
}

#footer li {
	list-style: none;
	display: inline;
}

#footer {
	background-color: #DF1A1A;
	text-align: center;
}
/* Footer-ende */


/* Responsive*/

@media screen and (max-width: 1500px){
    #header{
        position: fixed;
        width: 100%;
        background: #fff;
        height: 100px;
        box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3);
    }
    .places {
        margin-top: 40px;
    }
}

@media screen and (max-width: 1366px) {
    .where-to-go {
        width: 400px;
        height: 400px;
    }
    .wtg-destination {
        width: 185px;
        height: 185px;
    }
    .travel-tips {
        width: 400px;
        height: 400px;
    }
    .travel-tips .textwidget {
        padding-top: 10%;
    }
    .tt-destination {
        width: 185px;
        height: 185px;
    }
    .logo {
        transform: scale(0.4) translateY(15%);
    }
    .logo-2bobs {
        transform: scale(0.6) translateY(13%);
    }
    .ttb-more a {
        margin-left: -10px;
    }
    .features a {
        padding: 8px;
    }
}

@media screen and (max-width: 1280px) {
    .where-to-go {
        width: 370px;
        height: 370px;
    }
    .wtg-destination {
        width: 170px;
        height: 170px;
    }
    .travel-tips {
        width: 370px;
        height: 370px;
    }
    .travel-tips .textwidget {
        padding-top: 11%;
    }
    .tt-destination {
        width: 170px;
        height: 170px;
    }
    .logo {
        transform: scale(0.4) translateY(33%);
    }
    .logo-2bobs {
        transform: scale(0.6) translateY(22%);
    }
    .places {
        margin-top: 40px;
    }
    .ttb-more a {
        margin-left: -15px;
    }
    .features a {
        padding: 6px;
    }
}

@media screen and (max-width: 1024px) {
    img.image.wp-image-87 {
        width: 40%;
    }
    .where-to-go {
        width: 290px;
        height: 290px;
    }
    .where-to-go .textwidget {
        margin-left: 22%;
    }
    .wtg-destination {
        width: 130px;
        height: 130px;
    }
    .travel-tips {
        width: 290px;
        height: 290px;
    }
    .travel-tips .textwidget {
        padding-top: 15%;
    }
    .tt-destination {
        width: 130px;
        height: 130px;
    }
    .logo {
        transform: scale(0.4) translateY(85%);
    }
    .logo-2bobs {
        transform: scale(0.6) translateY(22%);
    }
    .places {
        margin-top: 30px;
    }
    .ttb-text {
        padding: 40px 20px 40px 20px !important;
    }
    .ttb-more a {
        margin-left: -25px;
        margin-top: -12%;
    }
    .features a {
        padding: 6px;
    }
    .ip-more a {
        padding-right: 40%;
    }
}

@media screen and (max-width: 1080px) {
    .where-to-go {
        width: 320px;
        height: 320px;
    }
    .where-to-go .textwidget {
        margin-left: 22%;
    }
    .wtg-destination {
        width: 144px;
        height: 144px;
    }
    .travel-tips {
        width: 320px;
        height: 320px;
    }
    .travel-tips .textwidget {
        padding-top: 15%;
    }
    .tt-destination {
        width: 144px;
        height: 144px;
    }
    .logo {
        transform: scale(0.4) translateY(71%);
    }
    .logo-2bobs {
        transform: scale(0.6) translateY(48%);
    }
}

@media screen and (max-width: 780px) {
    .panel-row-style {
        margin-bottom: 0px;
    }
    img.image.wp-image-87 {
        width: 40%;
		margin-top: 52px;
    }
    .welcometext {
        font-size: 1.6vw;
        border-radius: 10px;
    }
    .welcometext a {
        font-size: 1.6vw;
    }
    .where-to-go{
        margin-left: 19%;
        width: 370px;
	}
    .where-to-go .textwidget {
        margin-left: 5%;
        padding-top: 10%;
        text-shadow: -2px 3px 7px rgba(0, 0, 0, 0.9);
        font-size: 7.7vw;
    }
    .wtg-destination {
        display: none;
    }
	.travel-tips{
        margin-left: 19%;
        margin-top: -28%;
        width: 370px;
	}
    .travel-tips .textwidget {
        margin-left: 5%;
        padding-top: 10%;
        text-shadow: -2px 3px 7px rgba(0, 0, 0, 0.9);
        font-size: 7.7vw;
    }
    .tt-destination {
        display: none;
    }
    .click-here a {
        font-size: 3vw;
        margin-left: 23%;
    }
    .bg {
        height: 54vh;
    }
    .logo {
        transform: scale(0.4) translateY(55%);
    }
    .logo-2bobs {
        transform: scale(0.6) translateY(40%);
    }
    .places-bild {
        width: 58%;
        margin-left: 26%;
    }
    .places {
        width: 400px;
        margin-top: 9%;
        margin-left: 26%;
        font-size: 3.5vw;
    }
    .text {
        padding-top: 3vw;
        width: 400px;
        margin-top: 20px;
        margin-left: 26%;
        font-size: 1.7vw;
    }
    .places-bild-middle {
        width: 52.5%;
        margin-left: 23%;
    }
    .places-middle {
        width: 400px;
        margin-top: 8%;
        margin-left: 23%;
        font-size: 3.5vw;
    }
    .text-middle {
        padding-top: 3vw;
        width: 400px;
        margin-top: 20px;
        margin-left: 23%;
        font-size: 1.7vw;
    }
    .places-bild-left {
        width: 58%;
        margin-left: 14%;
    }
    .places-left {
        width: 400px;
        margin-top: 9%;
        margin-left: 14%;
        font-size: 3.5vw;
    }
    .text-left{
        padding-top: 3vw;
        width: 400px;
        margin-top: 20px;
        margin-left: 14%;
        font-size: 1.7vw;
    }
    .text-left a, .text-middle a, .text a{
        font-size: 1.7vw;
    }
    .tt-pic-left {
        width: 70%;
        margin-left: 7%;
    }
    .tt-text-left h3 {
        font-size: 2vw;
        margin-left: -2%;
    }
    .tt-text-left {
        width: 70%;
        font-size: 1.5vw;
        margin-left: 7%;
    }
    .tt-text-left a {
        font-size: 1.5vw;
    }
    .tt-pic-right {
        width: 70%;
        margin-left: 18%;
    }
    .tt-text-right h3 {
        font-size: 2vw;
        margin-left: -2%;
    }
    .tt-text-right {
        width: 70%;
        font-size: 1.5vw;
        margin-left: 7%;
        margin-left: 18%;
    }
    .tt-text-right a {
        font-size: 1.5vw;
    }
    .ttb-title {
        width: 47%;
        margin-left: 27%;
        font-size: 2vw;
    }
    .ttb-text {
        width: 45%;
        margin-left: 27%;
        margin-bottom: 4%;
        font-size: 1.5vw;
    }
    .ttb-more a {
        margin-left: 15%;
    }
    .features-1{
        margin-left: 15%;
        width: 57%;
        font-size: 1.5vw;
    }
    .features-2{
        margin-left: 19%;
        width: 57%;
        font-size: 1.5vw;
    }
    .features-3{
        margin-left: 21%;
        width: 57%;
        font-size: 1.5vw;
    }
    .features-4{
        margin-left: 26%;
        width: 57%;
        font-size: 1.5vw;
    }
    .features-1 h3, .features-2 h3, .features-3 h3, .features-4 h3 {
        font-size: 1.8vw;
    }
    .features-1 a, .features-2 a, .features-3 a, .features-4 a {
        font-size: 1.5vw;
        padding: 2% 20%;
        margin-left: 23%;
    }
    .ip-title-1 {
        width: 70%;
        margin-left: 9%;
        font-size: 2.5vw;
    }
    .ip-title-1 p {
        width: 70%;
        margin: 1% 16%;
        font-size: 3vw;
    }
    .ip-text-1 {
        width: 70%;
        margin-left: 9%;
        font-size: 1.8vw;
        margin-bottom: 4%;
    }
    .ip-more-1 a {
        margin-left: 9%;
        font-size: 2.5vw;
        padding: 1% 31.8% 1%;
    }
    .ip-title-2 {
        width: 68%;
        margin-left: 14%;
        font-size: 2.5vw;
    }
    .ip-title-2 p {
        width: 70%;
        margin: 1% 16%;
        font-size: 3vw;
    }
    .ip-text-2 {
        width: 68%;
        margin-left: 14%;
        font-size: 1.8vw;
        margin-bottom: 4%;
    }
    .ip-more-2 a {
        margin-left: 14%;
        font-size: 2.5vw;
        padding: 1% 30.4% 1%;
    }
    .ip-title-3 {
        width: 68%;
        margin-left: 17%;
        font-size: 2.5vw;
    }
    .ip-title-3 p {
        width: 70%;
        margin: 1% 16%;
        font-size: 3vw;
    }
    .ip-text-3 {
        width: 68%;
        margin-left: 17%;
        font-size: 1.8vw;
        margin-bottom: 4%;
    }
    .ip-more-3 a {
        margin-left: 16.7%;
        font-size: 2.5vw;
        padding: 1% 30.6% 1%;
    }
    .ip-title-4 {
        width: 70%;
        margin-left: 20%;
        font-size: 2.5vw;
    }
    .ip-title-4 p {
        width: 70%;
        margin: 1% 16%;
        font-size: 3vw;
    }
    .ip-text-4 {
        width: 70%;
        margin-left: 20%;
        font-size: 1.8vw;
        margin-bottom: 4%;
    }
    .ip-more-4 a {
        margin-left: 20%;
        font-size: 2.5vw;
        padding: 1% 31.8% 1%;
    }
    .va-intro, .wtg_main_text, .about-us, .bb-welcome, .main-welcometext {
        font-size: 1.8vw;
    }
    .contact, .submit {
        font-size: 2vw;
    }
    .contact input {
        width: 55%;
    }
    .contact textarea {
        width: 55%;
    }
    .bb-left {
        width: 81%;
        margin-left: 4%;
        font-size: 1.6vw;
    }
    .bb-left h3 {
        font-size: 2vw;
    }
    .bb-left a {
        font-size: 1.6vw;
    }
}