@charset "UTF-8";
/* 
==================================
======= DETAY MÜZİK COFFEE =======
====== @package DETAYCOFFEE ======
====== Developer: Yigit Koc ======
= Dev. Website: yigitkoc.com.tr  =
==================================
========= DETAY ABOUT US =========
==================================
*/
/* MOBILE */
.about-us-row1 {
  margin: 16px 5% 0;
  padding: 0;
  overflow: hidden;
  width: 90%;
  position: relative; }
  .about-us-row1 .about-us-row1-column2 {
    width: 100%;
    bottom: 0;
    margin: 0;
    padding: 16px;
    float: left; }
    .about-us-row1 .about-us-row1-column2 h1 {
      font-size: 250%;
      margin: 0;
      padding: 0; }
  .about-us-row1 img {
    width: 100%;
    margin: 16px 0 0; }

.about-us-row2 {
  margin: 16px 5%; }

.about-us-row3 {
  width: 90%;
  margin: 0 5% 16px;
  padding: 0; }
  .about-us-row3 img {
    width: 100%;
    height: auto; }
  .about-us-row3 .about-us-row3-column1 {
    width: 100%;
    padding: 16px; }

/* TABLET */
@media only screen and (min-width: 768px) {
  .about-us-row1 {
    width: 100%;
    margin: 16px 0;
    padding: 0; }
    .about-us-row1 .about-us-row1-column2 {
      width: 70%;
      display: inline;
      margin: 0;
      float: left;
      background: none; }
      .about-us-row1 .about-us-row1-column2 p {
        font-size: 120%;
        margin: 2px 0; }
    .about-us-row1 img {
      width: 30%;
      display: inline-block;
      float: left;
      margin: 0;
      padding: 0; }

  .about-us-row2 {
    margin: 0; }

  .about-us-row3 {
    width: 100%;
    margin: 16px 0;
    padding: 0 0 2px;
    overflow: hidden; }
    .about-us-row3 img {
      width: 40%;
      height: auto;
      display: inline-block;
      float: left;
      margin: 24px 0;
      padding: 0 0 0 16px; }
    .about-us-row3 .about-us-row3-column1 {
      width: 60%;
      display: inline-block;
      margin: 0;
      background: none; }
      .about-us-row3 .about-us-row3-column1 h1 {
        margin: 0; }
      .about-us-row3 .about-us-row3-column1 p {
        font-size: 120%; } }
/* LD */
/* XLD */
@media only screen and (min-width: 1224px) {
  .about-us-row1 {
    width: 65%;
    float: left; }
    .about-us-row1 .about-us-row1-column2 {
      width: 100%;
      padding: 45px; }
      .about-us-row1 .about-us-row1-column2 p {
        font-size: 110%;
        margin: 16px 0;
        letter-spacing: 0.05em; }
    .about-us-row1 img {
      display: none;
      margin-top: 30px;
      width: 35%;
      padding: 15px; }

  .about-us-row2 {
    margin: 16px 0;
    padding: 0 0 0 16px;
    width: 35%;
    float: right; }
    .about-us-row2 h1 {
      font-size: 150%; }

  .about-us-row3 {
    width: 65%;
    float: left;
    margin: 0 0 16px; }
    .about-us-row3 img {
      width: 40%;
      height: auto;
      display: inline-block;
      float: left;
      margin: 22px 0;
      padding: 0 0 0 16px; }
    .about-us-row3 .about-us-row3-column1 {
      width: 60%;
      display: inline-block;
      margin: 0;
      background: none; }
      .about-us-row3 .about-us-row3-column1 h1 {
        margin: 0; }
      .about-us-row3 .about-us-row3-column1 p {
        font-size: 110%;
        letter-spacing: 0.05em; } }