body {
    font-size: 100%;
}

.grid {
    width: 1180px;
}

.row {position:relative; margin-left:-20px;}
.gu1 .row {width: 100px;}
.gu2 .row {width: 200px;}
.gu3 .row {width: 300px;}
.gu4 .row {width: 400px;}
.gu5 .row {width: 500px;}
.gu6 .row {width: 600px;}
.gu7 .row {width: 700px;}
.gu8 .row {width: 800px;}
.gu9 .row {width: 900px;}
.gu10 .row {width: 1000px;}
.gu11 .row {width: 1100px;}
.gu12 .row {width: 1200px;}

.col {padding-left:20px; float:left; position:relative;}
.gu1{width: 80px;}
.gu2{width: 180px;}
.gu3{width: 280px;}
.gu4{width: 380px;}
.gu5{width: 480px;}
.gu6{width: 580px;}
.gu7{width: 680px;}
.gu8{width: 780px;}
.gu9{width: 880px;}
.gu10{width: 980px;}
.gu11{width: 1080px;}
.gu12{width: 1180px;}

/* template */

.mast {
    height: 164px;
}

.logo {
    background-image: url('../assets/template/serenesleep-logo.svg');
    background-repeat: no-repeat;
    background-size: 452px 120px;
    width: 452px;
    height: 120px;
    top: 20px;
}

nav.topmenu {
    height: 164px;
}

.grid.content {
    padding: 20px 0;
}

section.row.content.statement.gallery {
    margin-bottom: 20px;
}