html,body {padding: 0; margin: 0; font-family: 'Lato', sans-serif; color: #fff;}
.spacer {clear: both;}
input:focus,select:focus,textarea:focus,button:focus {outline: none;}
.img-center {margin-left: auto; margin-right: auto;}

#wrapper {position: fixed; width: 100%; height: 100%; background: url(img/regen.jpg) #000 center center no-repeat; background-size: cover;}
#title {text-align: center; font-family: 'Lobster'; font-size: 3em; margin: 30px 0px 10px 0px; padding: 0px;}
#subtitle {padding: 0px; margin: 0px; text-align: center; font-style: italic;}

#followme {background: rgba(0,0,0,.5); position: absolute; top: 50%; width: 500px;  padding: 20px; left: 50%; margin-left: -250px; margin-top: -75px; border-radius: 15px;}
#followme div#icons {font-size: 2.4em; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #fff;}
#followme div#icons a {color: #fff; margin-right: 15px; margin-left: 15px;}
#followme div#icons a:hover i.fa-facebook {color: #00a3ff;}
#followme div#icons a:hover i.fa-twitter {color: #00a3ff;}
#followme div#icons a:hover i.fa-flickr {color: #00a3ff;}
#contact {color: #fff; font-size: 1.3em; color: #fff; text-align: center;}
#contact a {color: #fff;}
#icons {text-align: center;}

/* XS */
@media (max-width: 767px) {
#icons {float: none; text-align: center;}
#contact {float: none; text-align: center; margin-top: 10px;}
#followme {left: auto; right: auto; bottom: 0px; top: inherit; margin-left: 0px; margin-top: 0px; width: 100%; height: auto !important; border-radius: 0px;}
.displayDesk {display: none !important;}
}


/* SM */
@media (min-width: 768px) and (max-width: 991px) {
#telicon {display: none;}
}

/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
#telicon {display: none;}
}

/* LG */
@media (min-width: 1200px) {
#telicon {display: none;}
}