@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Open+Sans:300i,400');
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}


body{
    margin: 0 auto; 
    font-family: 'Open Sans', sans-serif;
    color: #000;
    margin: 0 auto;
    width: 80%;
    line-height: 1.5;
}

#site-logo{
    display: block;
    width: 170px;
    height: 170px;
    background-image: url(../images/bb-logo-final.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}


#nav{
    
}

#nav ol{
    text-align: center;
    margin: 20px auto;
}

#nav ol li{
  display: inline-block;
    margin-right: 15px;
    
}

#nav ol li:last-child{
    margin-right: 0;
}

#nav li a { 
    text-decoration: none;
    color: #f4425c;
    font-size: 80%;
}


h2,
dt{
    font-family: 'Abril Fatface', 'sans-serif';
    text-align: center;
}

h2{
    font-size: 130%;
    color: rgb( 0, 136, 159 );
}

form{
    margin-top: 30px;
}

form ol{

}

form li{
    margin-bottom: 10px;
    overflow: hidden;
}

input, 
textarea{
}

label{
    display: block;
    font-weight: 600;
}

input[type="radio"] + label{
    display: inline-block;
}





@media only screen and (max-width: 600px){

    h1{
        font-size: 500%;
        color: rgb(0, 204, 245);

        line-height: 1;
        
    } 
     
    dl{
        line-height: 1.5;
    }
    
    dd{
        font-size: 50%;
    }

    dt{
        font-size: 170%;
        margin: 25px 0 10px 0;

    }
    

    
    time{
        color: rgb(0, 117, 243);
        font-size: 60%;
    }
    


}