@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

a:hover {text-decoration: none !important;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
*:after, *:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

body{ position: relative; width:100%; overflow-x:hidden!important; font-family: 'Open Sans', sans-serif; background:#f4eaed;}
.header{position: relative; display: table; width: 100%; background: #ffffff;}
.logo{position: relative; float: left; display: table; width: 100%; max-width: 170px; margin: 15px 50px 10px;}
.logo img{width: 100%;}
.logo2{position: relative; float:none; display: table; width: 100%; max-width: 120px; margin: 10px auto;}
.logo2 img{width: 100%;}
.content{position: relative; display: table; width: 100%; }
.bg{position: relative; width: 100%;  background:url("../img/bg.png"); background-repeat: no-repeat; background-position: center bottom; background-size: cover;}
.footer{position: relative; display: table; width: 100%; }
.teaser-w{position: relative; display: table; width: 100%; }
.teaser-m{position: relative; display: none; width: 100%; }
.teaser-w img, .teaser-m img{width: 100%;}
.videos{position: relative; display: table;}
.videos li{ position: relative; display: table; list-style: none; float: left; width: 31%; max-width: 350px; margin: 1%; border-radius: 15px;}
.videos li img{width: 100%; border-radius: 15px; border:3px solid #ffffff;}
.video-holder{position: relative; display: table;}
.video-holder video{ width: 100%; margin: 5% auto 10%;}
.other-btn{float: right; margin: 40px 0 0 ;}
.other-btn a, .other-btn a:visited{font-size: 15px; color: #e64c8f; font-weight: bold; }
.other-btn a:hover, .other-btn a:focus{color: #bd0053;}

@media (max-width:767px){
.logo{ max-width: 120px; margin: 10px;}
.logo2{max-width: 70px; margin: 10px auto;}

.teaser-w{display: none; }
.teaser-m{display: block; }
.videos li{ width: 100%; max-width: 100%; margin: 0 0 5%;}

.bg{height: 80vh;}
.other-btn{margin: 30px 0 0 ;}

}