﻿@font-face {
    font-family: 'museo_sans700';
    src: url('../../fonts/museosans_700-webfont.eot');
    src: url('../../fonts/museosans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/museosans_700-webfont.ttf') format('truetype'),
         url('../../fonts/museosans_700-webfont.svg#museo_sans700') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'museo_sans100';
    src: url('../../fonts/museosans-100-webfont.eot');
    src: url('../../fonts/museosans-100-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/museosans-100-webfont.ttf') format('truetype'),
         url('../../fonts/museosans-100-webfont.svg#museo_sans100') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'museo_sans300';
    src: url('../../fonts/museosans-300-webfont.eot');
    src: url('../../fonts/museosans-300-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/museosans-300-webfont.ttf') format('truetype'),
         url('../../fonts/museosans-300-webfont.svg#museo_sans300') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'museo_sans500';
    src: url('../../fonts/museosans_500-webfont.eot');
    src: url('../../fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/museosans_500-webfont.ttf') format('truetype'),
         url('../../fonts/museosans_500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'museo_sans900';
    src: url('../../fonts/museosans_900-webfont.eot');
    src: url('../../fonts/museosans_900-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/museosans_900-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

html ,body  {
    background:rgb(0, 0, 0) !important; 
width:100%;
height:100%;
margin:0px !important;
padding:0px !important;
backface-visibility: hidden !important;
    top: 0;
    left: 0;
}
#wrapper
{
    background:rgb(0, 0, 0) url(../../Images/Landing/background.jpg) no-repeat center center !important;
font-family: 'museo_sans300';
background-attachment:fixed !important;

display:table;
width:100%;
height:100vh;
float:left;
-webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important; 
    background-size: cover !important;
}



.custom-pods .thumbnail
{
    background: rgba(0,0,0,0.6);
    border-radius: 0px;
    box-shadow: none;
    border: none;
    font-family: 'museo_sans300';
    color: #fff;
    text-align: center;
    padding: 20px 10px;
    font-size: 20px !important;
    font-size: 1.3em !important;
}
.custom-pods .thumbnail:hover
{
 text-decoration:none !important;
  background: rgba(0,0,0,0.85);
}
.custom-pods .thumbnail img
{
    margin:0 auto 15px;
    display:table;
    height:60px;
}
.custom-pods .text-white
{
    color:#fff;
}
.custom-pods h2.title
{
    font-size:3em !important;
}
.custom-pods p.sub-title
{
    font-size:2em !important;
}
.custom-pods .no-margin
{
   margin:0px;
}

.custom-pods h2
{
    margin-top:20px !important;
}

@media (max-width:420px)
{
    .custom-pods .thumbnail {
    font-size: 1em !important;
}
    /*.custom-pods .col-xs-6
    {
        width:100% !important;
    }*/

    .custom-pods .thumbnail img {
    margin: 0 auto 6px;
    display: table;
    height: 50px;
}
}