/*=============================================
=         CAPACITY YENI YIL YENI SEN          =
=               ISMAIL AKDOGAN                =
=          ismail@ismailakdogan.com           =
=============================================*/

/*----------
Imports
----------*/

/* Start */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900&subset=latin-ext');
@import url('plugins/uikit/uikit.css');
@import url('partials/begin.css');
@import url('partials/iPlugins.css');

/* WebSite */
@import url('partials/intro.css');
@import url('partials/content.css');
@import url('partials/siteBottom.css');

/* Plugins */
@import url('plugins/animate/animate.css');
@import url('plugins/hover/hover-min.css');

/* Fix */
@import url('partials/shortcuts.css');

/*==================================
=            Responsive            =
==================================*/


@media (min-width: 1321px) and (max-width: 1760px) {
    #surprise1{ bottom: -20px; left: 0px; width: 220px; height: 315px; }
    #surprise2{ bottom: -20px; left: 150px; width: 600px; height: 370px; }
    #instaLogo{ bottom: 200px; left: 100px; width: 285px; height: 285px; }
}

@media (max-width: 1320px) {
    #surprise1, #surprise2, #instaLogo { display: none; }
    #allSurprise { display: block; }
    #allSurprise img { max-width: 52%; }
    #banner div h1 { font-size: 20px; line-height: 24px; max-width: 520px; }
    #women { top: 50%; right: 0px; width: 310px; height: 650px; margin-top: -220px; margin-right: 0px; text-align: right; }
    #women img { position: absolute; bottom: -35px; right: 0px; max-width: 75%; }
}

@media (min-width: 1024px) and (max-width: 1320px) {
    #women img { max-width: 90%; }
}

@media (max-width: 767px) {
    #intro { height: 860px; }
    #logo a { float: none; margin: 10px auto; max-width: 100%; }
    #women { display: none; }

    #fInfos .minHalf{ width: 50%; }
    #fInfos .fSocial ul{ text-align: right; }
    #fInfos .minLeft{ width: 20%; }
    #fInfos .minRight{ width: 80%; }

}

@media (max-width: 480px) {
    #fInfos .minHalf,#fInfos .minLeft,#fInfos .minRight{ width: 100%; text-align: center; }
    #fInfos .fSocial ul{ text-align: center; }
}