body{overflow-x:hidden;font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif}
.text-muted{color:#777}
.text-primary{color:#fed136}
p{font-size:14px;line-height:1.75}
p.large{font-size:16px}
a,a:hover,a:focus,a:active,a.active{outline:0}
a{color:#37b}
a:hover,a:focus,a:active,a.active{color:#d90}
h1,h2,h3,h4,h5,h6{font-family:Roboto,Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:300}
.playfair {font-family: 'Playfair Display', serif !important;}



.img-centered{margin:0 auto}
.navbar-default{background-color:#f5f5f5;font-weight:300;border:none;}
.navbar-default .navbar-brand{color:#777;}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:active,.navbar-default .navbar-brand.active{color:#999}
.navbar-default .nav li a{text-transform:uppercase;font-weight:300;letter-spacing:1px;color:#333}
.navbar-default .nav li a:hover,.navbar-default .nav li a:focus{color:#666;outline:0}
.navbar {font-size:14px;text-transform:uppercase;}
.lefta {text-align:left;}

#mainbody > .container {text-align:center;}
#mainbody > .container h1 {text-align:center;}
#mainbody > .container .lefta  h1 {text-align:left;}

/* page styles */

iframe {margin:20px auto;max-width:100%;}

.abouttext {color:#999;font-size:50px;margin-top:0px;}
.abouttext div {margin-bottom:25px;font-size:25px}
.abouttext span {color:#555}

@media (max-width:768px){

.navbar {font-size:14px;}

.abouttext {font-size:30px;}

iframe {height:auto;}

	
}