html, body {display: block; box-sizing: border-box; font-family: verdana, sans-serif; font-size: 15px; line-height: 1.5;}
body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif;}
.light-grey {color: #000; background-color: #f1f1f1 !important;}

/* HEADER */
h1 {font-weight: 400; margin: 10px 0; font-size: 36px; display: block;}
.container {padding: 0.01em 16px;}
.content {margin-left: auto; margin-right: auto;}
.cep-padding-32 {padding-top: 32px!important; padding-bottom: 32px !important;}
.cep-center {text-align: center!important;}
.cep-tag {background-color: #000; color: #fff; display: inline-block; padding-left: 8px; padding-right: 8px; text-align: center;}

/* GRID */
@media (min-width: 993px) {.cep-col.l8 {width: 66.66%;}}
.cep-col {float: left;}

/* BLOG ENTRY */
.cep-white {color: #000 !important; background-color: #fff!important;}
.cep-margin {margin: 16px!important;}
.cep-card-4 {box-shadow: 0 4px 10px 0px rgba(0,0,0,0.2), 0 4px 20px 0px rgba(0,0,0,0.19);}
.cep-opacity {opacity: 0.60;}
#photography a, #publish a {text-decoration: none; color: #000;}


/* INTRODUCTION MENU */
@media (min-width: 993px) {.cep-col.l4 {width: 33.33%;}}

/* ABOUT */
.cep-margin-top {margin-top: 16px!important;}
.cep-margin {margin: 16px!important;}
.cep-card {box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.16), 0px 2px 10px 0px rgba(0,0,0,0.12);}
.cep-col {float: left;}

/* POST */
h4 {font-size: 20px;}
/*.cep-ul li{ padding-top: 8px; margin-right: 32px; border-bottom: 1px solid #ddd; list-style: none;}
.cep-padding-16 {padding-top: 16!important; padding-bottom: 16px!important;}
li:hover{background-color: #b1b1b1;}*/

/* INSPIRATION */
/*.cep-col.s6 {width: 49.99999%; margin:}
/*.cep-col {float: left; display: grid;}*/
* {box-sizing: inherit;}

/* ROW */
/* Create two equal columns that floats next to each other */
.column {float: left; width: 50%; padding: 0px; margin-top: 10px; margin-bottom: 5px;}
.row img{ width: 136px; height: 90px;}
.cep-blog img{width: 100%; height: auto;}
.row .cep-hoverable:hover{opacity: 0.2;}

/* Clear floats after the columns */
.row::after { 
  content: "";
  display:table;
  clear: both;
}
.row::before { 
  content: "";
  display: table;
  clear: both;
}


/* FOLLOW */
.cep-xlarge {font-size: 20px;padding: 10px;}
.cep-xlarge a {color: #555;}


/* SUBSCRIPTION */
.cep-red {color: #fff!important; background-color: #f44336!important;}
.cep-border {border: 1px solid #ccc!important;}
.cep-input {padding: 8px; display: block; border-bottom: 10px solid #ccc;}
input {font: inherit; margin: 0px;}

/* FOOTER */
.top a {color: #000; text-decoration: none;}
footer p {background-color: gray; padding: 20px; text-align: center;}
footer p a {text-decoration: none; color: #000;}