* {box-sizing: border-box;}.row::after{content: ""; clear:both; display:table;}[class*="col-"] {float:left;padding:15px;}@media only screen and (min-width:1281px) {.col-s-1{width:24%;}.col-s-2 {width:50%;}.col-s-3 {width:100%;}.col-s-4 {width:25%;}.col-s-6 {width:33%;}.col-s-5 {width:50%}}@media only screen and (max-width: 1280px) {.col-1 {width:100%;}.col-2 {width:100%;}}body{font-family:Verdana;}p{word-wrap: break-word}@media only screen and (max-width:300px){.text{font-size:11px}}
@media only screen and (max-width:1280px){table{width:100%}}
@media only screen and (min-width:1281px){table{width:40%}}
@media only screen and (max-width:1920px){div.desktop{display:none}div.desktop2{display:none}div.mobile{display:block}}
@media only screen and (min-width:1921px) and (max-width:2560px){div.desktop{display:none}div.desktop2{display:block}div.mobile{display:none}}
@media only screen and (min-width:2561px){div.desktop{display:block}div.desktop2{display:none}div.mobile{display:none}}

.container{width:100%;margin:0 auto;display:grid;grid-gap:5px;grid-template-columns:auto auto auto;grid-template-rows:85px auto 70px;grid-template-areas:'header header header' 'main main main' 'footer footer footer'}
header{grid-area:header;height:20px}
footer{grid-area:footer}
a,a:link{color:#00f}a.w:link{color:#fff}
a.nav{font-size:1.5em;font-weight:700;font-family:"Courgette";text-decoration:none}
a.nav:link{color:blue}a.nav:hover{background-color: yellow;}

div.MSpbc{background-image:url(Top2560Gitar.jpg);background-repeat:no-repeat;height:456px;width:2560px;margin-left:30px;}
div.nav{padding:10px 50px 0px 300px;display:inline-block}
table.nav{padding:0 400px;width:65%;border:2px} td.30{width:30px;horizontal-align:center;} td.50{width:50px;horizontal-align:left;} td.10{width:10px;horizontal-align:left;}
div.MStxtBV{padding:20px 770px 10px;display:inline-block}
div.MStxtJ{padding: 30px 550px 50px;display:inline-block}

div.MSpbc2{background-image:url(TopW1920.jpg);background-repeat:no-repeat;height:456px;width:1920px;margin-left:30px;}
div.nav2 {margin: 130px;width: 40%;padding: 10px;}
div.MStxt2{position: absolute;margin: -10px 0px 10px 110px;display:inline-block}
div.MStxtJ2{position: absolute;margin: 60px 0px 10px 220px;display:inline-block}

div.MSpbcM{background-image:url(TopW.jpg);background-repeat:no-repeat;height:456px;width:1280px}
div.navM {margin: 90px;width: 50%;padding: 10px;}
div.MStxtMM{position: absolute;margin: -10px 0px 10px 100px;display:inline-block}
div.MStxtJM{position: absolute;margin: 90px 0px 10px 240px;display:inline-block}

div.MStxtM1{padding:20px 20px 10px 90px;display:inline-block}
h1.MStxt{font-size:2em;font-weight:700;color:red;}
p.MStxt{font-size:1.8em;font-weight:700;color:red;}
p.MS{font-size:1.2em;font-weight:700;color:white;}

p.Cour{font-size:1.6em;font-weight:700;color:blue;font-family:"Courgette"}

p.m {font-family: Monoton;font-size: 50px;color: #fff;text-align: center;animation: glow 1s ease-in-out infinite alternate;}.glow {font-family: Monoton;font-size: 80px;color: #fff;text-align: center;animation: glow 1s ease-in-out infinite alternate;}
@-webkit-keyframes glow {from
 {text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;}
  to {text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;}
}
h1{color:#00f;font-family:Ariel,"Times New Roman",serif;font-weight:700}td.Foot{height:65px}.flex-container{position:fixed;left:0;bottom:0;height:35px;width:100%;display: flex; justify-content: center;background-color:blue}.flex-container{text-align:center;padding: 5px;font-size: 1em;color:white;}a.f {color:white}a.f:hover {color:orange}a.f:visited {color:red}