/********** Miscellaneous **********/
img {max-width: 100%; height: auto;}
.img-browser {border: 1px solid #ddd; border-top: 15px solid #ddd; border-radius: 3px; -webkit-border-radius: 3px;}
a .img-browser {border-color: #ddd; color: #ddd;}
.split-columns {width: 100%; margin: 20px 0;}
.split-columns:after {content: ''; height: 10px; display: block; clear: both;}
.large-icon {text-align: center; font-size: 5em; width: 100px; height: 100px; display: block; margin: 0 auto;}
.text-center {text-align: center;}
.bc-welcome-form {background: #fff; padding: 30px 0; margin: 30px 0 50px 0; background: url('http://localhost/bluchic.com/wp-content/uploads/2015/08/flourish-background-3.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/********** Input and label **********/
select:focus,
textarea:focus,
input:focus {border: 1px solid #888; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .2);}

label {display: inline-block; margin-right: 20px; vertical-align: top;}
select {height: 28px;}
select,
textarea,
input {border: 1px solid #ccc; color: #888; padding: 8px 10px; font-size: 1em; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; font-family: 'Proxima Nova', Arial, Verdana, Tahoma, Sans-serif;}
.input-button,
input[type=submit] {border: 1px solid #000; background: #000; color: #fff; cursor: pointer; padding: 8px 15px; font-size: 1em; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.input-button:hover,
input[type=submit]:hover {border: 1px solid #000; background: #fff; color: #000; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .2);}

/********** Shortcodes **********/
.left,
.right,
.col1,
.col2,
.col3,
.col3-2,
.col3-1,
.col4-1,
.col4-2,
.col4-3,
.col4-4,
.col5-1,
.col5-2,
.col5-3,
.col5-4,
.col5-5 {margin-bottom: 20px;}

.left,
.right {width: 38%; line-height: 1.8em; display: inline-block; vertical-align: top; margin: 0 5%;}

.col1,
.col2 {width: 30%; margin-right: 5%; float: left; line-height: 1.8em;}
.col3 {width: 30%; float: right; line-height: 1.8em;}

.col3-2 {width: 64%; float: left; line-height: 1.8em;}
.col3-1 {width: 32%; float: right; line-height: 1.8em;}

.col4-1,
.col4-2,
.col4-3 {width: 22%; margin-right: 4%; float: left; line-height: 1.8em;}
.col4-4 {width: 22%; float: right; line-height: 1.8em;}

.col5-1 {width: 18%; float: left; line-height: 1.8em;}
.col5-2,
.col5-3,
.col5-4 {width: 18%; margin: 0 0 0 2%; float: left; line-height: 1.8em;}
.col5-5 {width: 18%; float: right; line-height: 1.8em;}

.doc-column {width: 50%; margin: 0 auto; font-size: .7em;}

/********** @media **********/
@media all and (max-width: 480px) {

  /********** Shortcodes **********/
  .left,
  .right,
  .col1,
  .col2,
  .col3,
  .col3-2,
  .col3-1,
  .col4-1,
  .col4-2,
  .col4-3,
  .col4-4,
  .col5-1,
  .col5-2,
  .col5-3,
  .col5-4,
  .col5-5 {float: none; width: 100%; clear: both; line-height: 1.8em;}

  .pullquote {width: 85%;}

  .sc-slide {position: relative; overflow: hidden; width: 100%; height: auto; margin: 0 0 20px 0; padding: 0;}

}

/********** @media **********/
@media all and (min-width: 481px) and (max-width: 1199px) {

}

/********** @media **********/
@media all and (min-width: 1200px) {

}