/*
 * orange: #ff3700
 * 
 * 
 */
body {font-family:'Roboto', Arial, sans-serif;font-size:12pt;font-weight:400;font-style:normal;background-image:url('./bespoke-crm/bespoke-crm.jpeg');background-size:cover;}

.carousel-item {
    height: 65px;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.portfolio-item {
    margin-bottom: 30px;
}

.navbar-nav{font-family: 'Playfair Display', serif;}
.dropdown-menu {padding:10px;border-left:3px solid #ff3700;}
.red {color:#ff3700}
h1{font-family: 'Playfair Display', serif;font-size:24pt;font-weight:400;font-style:normal;}
h2{font-family: 'Playfair Display', serif;font-size:16pt;font-weight:400;font-style:normal;}
h3{font-family: 'Roboto', serif;font-size:10pt;font-weight:400;font-style:normal;color:#0037a5}
.article {background-color:rgba(255,255,255,.9);box-shadow:0px 2px 30px rgba(0,0,0,.8);display:block; float:left;width:100%;margin-top:20px;
padding:20px;border-left:1px solid #eee;border-top:1px solid #fff;}
.article:hover {background-color:rgba(255,255,255,1);}

footer {background-color:rgba(0,0,0,.3);box-shadow:inset 0px 20px 40px rgba(0,0,0,.8);display:block; float:left;width:100%;margin-top:20px;
padding:20px;min-height:100px;color:#fff;border-top:4px solid #ff3700;font-size:10pt;color:#fff;}
footer h3{font-family: 'Roboto', serif;font-size:11pt;font-weight:400;font-style:normal;color:#ffffff;border-bottom:1px dashed #f77;padding:4px 4px;}
footer a, a:visited{text-decoration:none; color:#fff;margin:6px;display:block;float:left;width:100%;}


#forder {background-color:rgba(255,255,255,.9);box-shadow: 0px 2px 30px rgba(0,0,0,.8);display:block; float:left;width:100%;margin-top:20px;
padding:20px;transition:background-color ease .9;border-left:1px solid #eee;border-top:1px solid #fff;}
#forder:hover{box-shadow:0px 2px 35px rgba(0,0,0,1);background-color:rgba(255,255,255,1);transition:background-color ease .8;}
#forder input[type='text'],textarea{width:100%;border:1px solid #777;background-color:#fff;padding:2px 10px; color:#333;border-radius:3px;margin-bottom:10px;}
#forder input[type='text']:hover,textarea:hover{border:1px solid #7a7;box-shadow:inset 0px 0px 7px rgba(50,200,50,.7);}

#forder input[type='submit']{width:100%;}