/* 
==================================
======= DETAY MÜZİK COFFEE =======
====== @package DETAYCOFFEE ======
====== Developer: Yigit Koc ======
= Dev. Website: yigitkoc.com.tr  =
==================================
====== DETAY M. COFFEE BOOT ======
==================================
*/

/* IMPORTS */
@import url("https://use.typekit.net/fpr4cua.css");

* {
	box-sizing: border-box;
	outline: none;
}

html, body{
	margin: 0 !important;
	padding: 0 !important;
}

body {
	font-family: "SSP", sans-serif;
	min-height: 100vh;
}

/* TEXT FONTS */
h1{

}

h2{
	
}

/* COLUMNS */

/* MOBILE */
.container{
	overflow: hidden;
	z-index: 1;
	width: 100%;
	position: relative;
}
.container-fix{
	margin-top:75px;
}
[class*='col-'] {
	width: 100%;
}

/* TABLET */
@media only screen and (min-width: 768px){
	.container{
		width: 760px;
 		margin-left: auto;
		margin-right: auto;
	}
}

/* LD */
@media only screen and (min-width: 992px) {
	.container{
		width: 900px;
	}
	[class*='col-'] {
		float: left;
		padding-right: 16px;
	}

	[class*='col-']:last-of-type {
		padding-right: 0;
	}
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
}

/* XLD */
@media only screen and (min-width: 1200px) {
	.container{
		margin-top: 0;
		width: 1200px;
	}
}