@import url('https://fonts.googleapis.com/css?family=Audiowide');

.smaugfont, h1, h2, h3 {
  font-family: 'Audiowide', serif;
}

.smalltext {
	font-size: 66%;
}

.logo {
	background: rgba(255, 255, 255);
	border-radius: 30px;
	position: relative;
}

.logobg {
	 background-image: linear-gradient(to right, rgba(255,255,255,0.1), rgba(202,202,202,0.3), rgba(151,151,151,0.5), rgba(103,103,103,0.6), rgba(59,59,59,0.7), rgba(59,59,59,0.7), rgba(59,59,59,0.7), rgba(59,59,59,0.7), rgba(103,103,103,0.6), rgba(151,151,151,0.5), rgba(202,202,202,0.3), rgba(255,255,255,0.1));
}

.linethrough, .linethrough:hover {
	text-decoration: line-through;
}

.centered {
	width: 100%;
	margin: auto;
	text-align: center;
}

.glass{
	-o-box-shadow: 
        0 2px 8px rgba(0,0,0,0.5),
        inset 0 1px rgba(255,255,255,0.3),
        inset 0 10px rgba(255,255,255,0.2),
        inset 0 10px 20px rgba(255,255,255,0.25),
        inset 0 -15px 30px rgba(0,0,0,0.3);

    -webkit-box-shadow: 
        0 2px 8px rgba(0,0,0,0.5),
        inset 0 1px rgba(255,255,255,0.3),
        inset 0 10px rgba(255,255,255,0.2),
        inset 0 10px 20px rgba(255,255,255,0.25),
        inset 0 -15px 30px rgba(0,0,0,0.3);

    -moz-box-shadow:
        0 2px 8px rgba(0,0,0,0.5),
        inset 0 1px rgba(255,255,255,0.3),
        inset 0 10px rgba(255,255,255,0.2),
        inset 0 10px 20px rgba(255,255,255,0.25),
        inset 0 -15px 30px rgba(0,0,0,0.3);
	
	box-shadow: 
        0 2px 8px rgba(0,0,0,0.5), /* Exterior Shadow */
        inset 0 1px rgba(255,255,255,0.3), /* Top light Line */
        inset 0 10px rgba(255,255,255,0.2), /* Top Light Shadow */
        inset 0 10px 20px rgba(255,255,255,0.25), /* Sides Light Shadow */
        inset 0 -15px 30px rgba(0,0,0,0.3); /* Dark Background */
}

/* For screens with width smaller than 400px */
#Home {
    background-image: url('https://www.smaug.li/img/arseny-togulev-qpbQKkWsaF0-unsplash_s.jpg')
}

/* For screens with width smaller than 400px */
#About {
    background-image: url('https://www.smaug.li/img/dan-gold-4LiUI-Y2mI8-unsplash_s.jpg')
}

/* For screens with width smaller than 400px */
#Service {
    background-image: url('https://www.smaug.li/img/simone-baldo-vMzQF1Hq4Cs-unsplash_s.jpg')
}

/* For screens with width smaller than 400px */
#Contact {
    background-image: url('https://www.smaug.li/img/leon-seibert-PM6iM75JfVo-unsplash_s.jpg')
}

/* For middle screens */
@media only screen and (min-width: 400px) {
    #Home { 
        background-image: url('https://www.smaug.li/img/arseny-togulev-qpbQKkWsaF0-unsplash_m.jpg')
   }
}

@media only screen and (min-width: 400px) {
    #About { 
        background-image: url('https://www.smaug.li/img/dan-gold-4LiUI-Y2mI8-unsplash_m.jpg')
   }
}

@media only screen and (min-width: 400px) {
    #Service { 
        background-image: url('https://www.smaug.li/img/simone-baldo-vMzQF1Hq4Cs-unsplash_m.jpg')
   }
}

@media only screen and (min-width: 400px) {
    #Contact { 
        background-image: url('https://www.smaug.li/img/leon-seibert-PM6iM75JfVo-unsplash_m.jpg')
   }
}

/* For large screens */
@media only screen and (min-width: 2000px) {
    #Home { 
        background-image: url('https://www.smaug.li/img/arseny-togulev-qpbQKkWsaF0-unsplash.jpg')
   }
}

@media only screen and (min-width: 2000px) {
    #About { 
        background-image: url('https://www.smaug.li/img/dan-gold-4LiUI-Y2mI8-unsplash.jpg')
   }
}

@media only screen and (min-width: 2000px) {
    #Service { 
        background-image: url('https://www.smaug.li/img/simone-baldo-vMzQF1Hq4Cs-unsplash.jpg')
   }
}

@media only screen and (min-width: 2000px) {
    #Contact { 
        background-image: url('https://www.smaug.li/img/leon-seibert-PM6iM75JfVo-unsplash.jpg')
   }
}

@media (min-width: 768px) {
	.carousel-multi-item-2 .col-md-3 {
		float: left;
		width: 25%;
		max-width: 100%;
	}
}

.carousel-multi-item-2 .card img {
	border-radius: 2px;
}