@import url("https://use.typekit.net/coh8god.css");
/* FIRST */
nav.navbar{
	display:none;
}
html{
    font-size:16px;
}
@media (max-width: 1000px){
    html{
        font-size:14px;
    }
}
/* Fonts */
/*font-family: acumin-pro, sans-serif;*/
/*font-family: freight-sans-pro, sans-serif;*/
body{
	font-family: skolar-sans-latin, sans-serif;
	font-weight: 200;
	color:#333;
	background:#f9f9f9;
    margin:0;
}
h1,h2,h3,h4{
	font-family: freight-sans-pro, sans-serif;
	font-weight: 300;
    margin-top:0;
}
h1{
	font-size:3rem;
}
h2{
	font-size:2rem;
}
h3{
	font-size:1.5rem;
}
p{
    font-size:1.2rem;
}
/* Foundation */
::-webkit-scrollbar {
    width: 6px;
    transition:all 1.25s ease;
}
::-webkit-scrollbar-track {
    background: transparent; 
}
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 0.5rem;
}
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
.scroll-stop {
    height: 100%;
    overflow: hidden;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* Grid */
.row{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
}
.grid{
    max-width: 1200px;
    margin:auto;
}
.grid .col{
    padding:1rem;
}
.row.col-1{
	grid-template-columns: 1fr;
}
.row.col-2{
	grid-template-columns: 1fr 1fr;
}
.row.col-3{
	grid-template-columns: 1fr 1fr 1fr;
}
.boxgrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-rows: minmax(200px, auto);
    grid-gap: 2rem 0.75rem;
    list-style: none;
    margin:0 1rem;
}
.boxgrid .item {
    border-radius: 0.5rem;
    position: relative;
    background:#70bfd5;
    box-shadow:3px 3px 10px rgba(0,0,0,0.22);
}
.boxgrid .item.wide {
    grid-column: span 2;
    background:#80b4b0;
    background:#70bfd5;
}
.boxgrid .item.push {
    grid-column: span 2;
    padding-left: 50%;
}
.tx_content{
    padding:1rem;
    z-index: 1;
    position: relative;
    color:white;
}
.item img{
    width:100%;
    height:100%;
    object-fit: cover;
    position: absolute;
    border-radius: 0.5rem
}
.item .gradient{
    background-image: linear-gradient(to bottom left, rgba(120, 147, 167, 0), rgba(112, 191, 213, 0.75), rgba(112, 191, 213, 0.98));
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.area{
    margin-bottom:50px;
    margin-top:50px;
}
/* P:Elements */
/* C:Table */
table{

}
td{
    padding:0.5rem 1rem;
}
/* C:Button */
.label{
    display: inline-block;
    font-size:0.75rem;
    padding:0.5rem 0.75rem;
    border:1px solid grey;
    border-radius: 0.5rem;
}
.btn{
    display:inline-block;
    border-radius: 0.5rem;
    padding:1rem 1.25rem;
    background:#eee;
    color:white;
    text-decoration: none;
    line-height: 1;
}
.btn.standard{
    background:#ff8a9f;
}
/* Input */
/* Preloader */
.preload-area{
    position: fixed;
    top: 0;
    left: 0;
    margin:auto;
    right: 0;
    bottom: 0;
    background-color: white;
    z-index: 999999;
}
.preload-wrapper {
    position:absolute;
    height:100%;
    width:100%;
}
.preload-wrapper img{
    position: absolute;
    top:0;left:0;right:0;bottom:0;
    margin:auto;
}
/* MENU */
#menu{
    color:white;
    margin:50px 0;
}
#menu h2{
    font-size:3rem;
    font-weight:bolder;
    margin-bottom:0rem;
}
#menu .col > p{
    margin-bottom:1.25rem;
}
#menu h3{
    font-size:2rem;
    font-weight:bolder;
    margin-bottom:5px;
    line-height:1.6;
}
#menu p{
    margin:5px 0;
    margin-top:0;
}
#menu .col{
    padding:1rem;
}
#menu .col-content{
    padding:1rem;
}
.item .price{
    font-size:2rem;
    line-height:1.4;
}
.col-img img{
    max-width:420px;
    object-fit: cover;
}
@media screen and (max-width:1000px){
    .col-img{
        display:none;
    }
    #menu .row.col-2 {
        grid-template-columns: 11fr 1fr;
    }
}
/* TV Screen*/
#tv_screen{
    height:100vh;
    width:100vw;
    background:#3EB2AA;
    color:white;
}
#tv_screen .panel{
    height:100vh;
}
.col.img_content img{
    object-position: center;
    object-fit: cover;
    width:100%;
    height:100%;
    min-height: 575px;
}
.split h3{
    margin-top:0.5rem;
    font-size:5rem;
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom:1rem;
    line-height: 1;
}
.split .tx_content{
    padding-left:2rem;
}
.split p{
    font-size:2rem;
}
.split span{
    font-size:3rem;
}
.split .price{
    font-size:3rem;
}
.split .price.big{
    font-size:4rem;
}
.split.secondary span{
    font-size:2rem;
}
.split.secondary .price{
    font-size:2rem;
}