@font-face {font-family: QuicksandBook; src: url(/fonts/Quicksand_Book.otf);font-weight: normal,700;font-style: bold;}
@font-face {font-family: QuicksandBold; src: url(/fonts/Quicksand_Bold.otf);font-weight: normal,600,700;font-style: normal;}
@font-face {font-family: QuicksandLight; src: url(/fonts/Quicksand_light.otf);font-weight: normal,300;font-style: normal;}

body { background-color: #fff;margin: auto 0;font-family: QuicksoundBook;color:#a5a5a5;min-height:100%;}
img {display: block;border: 0;}
a {color:#a5a5a5;}
a:hover {color:#808080;text-decoration:none;}

a:not([href]) {color:#fff;;cursor:pointer;}

.youtube-link, .facebook-link,.twitter-link,.instagram-link,.linkedin-link,.spotify-link,.applemusic-link,.deezer-link {color:#a5a5a5;}
.youtube-link:hover,.facebook-link:hover,.twitter-link:hover,.instagram-link:hover,.linkedin-link:hover,.spotify-link:hover,.applemusic-link:hover,.deezer-link:hover {color:#808080;}

.fbmt1 {color: #a5a5a5;font: 28px/30px "QuicksandBook";text-align:center;letter-spacing:8px;}
.fbmi1 {margin:50px 0;background: url('../img/feherbalazsmusic_bw202008211_web.jpg') no-repeat;width:100%;height:400px;}

.jumbotron{
    background: url("../img/feherbalazsmusic_bw202008211_web.jpg") no-repeat top center; 
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: cover;
height: 100%;
}
.push-spaces{height: 300px;}

/* kezdőoldal */

.social {font-size:28px;padding:16px;color:#a5a5a5;}
.social-in {background: url('../images/social_logmein_icon_summa.png') no-repeat;width:18px;height:18px;display:inline-block;padding:0 10px;border:none;}
.social-in:hover {background-position: 0px -21px!important;}
.social-twit {background: url('../images/social_twitter_icon_summa.png') no-repeat;width:22px;height:17px;display:inline-block;padding:0 10px;border:none;}
.social-twit:hover {background-position: 0px -18px!important;}

.full-width-image {
  width: 100vw;
  position: relative;
  left: 50%;  
  margin-left: -50vw;
}
            
.full-width-image img {
width: 100%;
}

@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:991px) {
}
@media screen and (max-width:640px) {
.fbmt1 {font: 24px/28px "QuicksandBook";letter-spacing:3px;}
.social {font-size:28px;padding:10px 6px;}
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:320px) {
}