/**======================================
*    MERT YAMAN
*    https://www.mertyaman.com/  
*    
*    @Company       : GUSS DESIGN
*    @Created on    : 5 EKİM 2020
*    @Author        : MERT YAMAN
*    @Version       : 0.0.0
*    @Description   : CSS
*******************************************/

/** FONT  ====================================== **/

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,200,300,400,500,600,700,800,900&display=swap&subset=latin-ext');

/** FIX ====================================== **/

*{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
html, body{ font-size: 20px; }
body{ min-height: 100%;color: #fff; font-family: 'Roboto Slab', serif !important; margin: 0px auto;padding: 0px;background: #fafafa;}
h1, h2, h3, h4, h5, h6{ padding: 0; clear: both; font-weight: bold; color: #fff;}
h1{ margin: 1.4rem 0; font-size: 2rem; }
h2{ margin: 1.2rem 0; font-size: 1.8rem; }
h3{ margin: 1rem 0; font-size: 1.6rem; }
h4{ margin: .8rem 0; font-size: 1.4rem; }
h5{ margin: .6rem 0; font-size: 1.2rem; }
h6{ margin: .6rem 0; font-size: 1rem; }
p{ margin-bottom: 1.2rem; color: #fff; }
img{max-width: 100%;}
a{transition: all linear .3s;font-size: 16px;line-height: 1.5;position:relative;display:inline-block;  color: #fff !important;}
a:hover,
a:focus{color: #fff !important; text-decoration: none;}
.font-16 {font-size: 16px;}
/** GENERAL ========================================= **/

.all-content{ margin:0px; padding: 0px; }
.background { width: 100%; height: 100vh; background-image: url(../img/background2.jpg); background-repeat: no-repeat; background-size: cover; background-repeat: no-repeat; overflow: hidden; }
.logo { padding: 2%; }
.logo img { width: 100%; max-width: 200px; object-fit: cover; }

.social { position: absolute; bottom: 2%; left: 2%; } 
.social a { margin-right: 10px; padding: 8px; -ms-flex: 1 1 auto; flex: 1 1 auto; } 
.social a svg { width: 24px; height: 24px; } 
.social a svg path { fill: #fff; }

.contact { }
.cbg { text-align: center;
    background: #000000a6;
    padding: 50px;
    margin-top: 10%;
}

.p-0 {padding: 0px;}
.m-0 {margin:  0px auto;}

/** TEXT SELECTION COLOR & CHROME SCROLLBAR ========================================= **/

::selection {color: #ffffff;background-color: #7a7a79;}
::-moz-selection {color: #ffffff;background-color: #7a7a79;}
::-webkit-scrollbar-track {background-color: #eeeeee;}
::-webkit-scrollbar{width: 10px;height: 10px;}
::-webkit-scrollbar-thumb {cursor: pointer;background: #7a7a79;border-radius: 0;}


/** PLACEHOLDER COLOR ========================================= **/

::-webkit-input-placeholder { color: rgba(1, 5, 11, 0.45) !important; opacity: 1; }
::-moz-placeholder { color: rgba(1, 5, 11, 0.45) !important; opacity: 1; }
:-ms-input-placeholder { color: rgba(1, 5, 11, 0.45) !important; opacity: 1; }
input:-moz-placeholder { color: rgba(1, 5, 11, 0.45) !important; opacity: 1; }

:disabled::-webkit-input-placeholder { opacity: 0.5; }
:disabled::-moz-placeholder { opacity: 0.5; }
:disabled:-ms-input-placeholder { opacity: 0.5; }
:disabled:-moz-placeholder { opacity: 0.5; }

@media (max-width: 768px) {
	html, body{text-align: center;}
	.social { position: relative; text-align: center; display: block; }
	.cbg {padding: 15px; margin: 15px auto;}
	.background {      min-height: 100vh;   height: auto;    overflow-y: auto; }
}