*, *:before, *:after {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 16px; 
    padding: 12x;
    background-color: black;
}

a {
    outline-style: none;
    text-decoration: none;
    color: #343434;
    border: 0px;
}

img {
    /*
    border-image-width: 12px;
    border-color: gold;
    border-radius: 8px;  
    */
}
.container {
    max-width: 800px;
    margin: 10px auto;
    background-color: black;   
}

h6 {
    color: yellow;
    font-size: 10px;
    margin-bottom: 0;
}

p {
    color: white;
    font-size: 10px;
    font-weight: 200;
    margin: 0;
}
header, footer{
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border: 0px;
    background-color: #fff0;
    
}

/* Brand */
.brand a, .brand  img {
    outline-style: none;
    border-radius: 0px;
    display: flex;
}

header .skytrek {
    display: flex;
    margin: 0 auto;
    align-content: center;
    justify-content: center;
    background: green;
}
.p_skytrek {
    padding: 10px;
    font-family: oswald, sans-serif;
    font-size: 14px;
    color: grey;
    text-align: justify;
    margin-bottom: 25px;
}

.skytrek_butt{
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.card {
    background-color: grey;
}
.card-body p {
    color: white;
    font-size: 12px;
}

.card-link {
    text-align: right;
    color: gold;
    margin-bottom: 5px;
    margin-right: 10px;
    margin-left: 10px;
    font-size: 14px;
    float: left;
}

a:hover.card-link {
    color: #3e3e3e;
}

.mcard {
    display: flex;
    justify-content: flex-end;
} 
.card-link a {
    display: none;
    float: left;
}
/* Menu TOP*/
nav.topmenu, nav.skymenu {
    border: 0px;
    display: flex;  
}
nav.topmenu ul, nav.skymenu ul {
    list-style: none;
    background-color: black;    
    margin: 0;
    padding: 0;
}

nav.topmenu li, nav.skymenu li {
    outline-style: none;
    border-style: none;
    border: 0px !important;
    background-color: black;
    display: inline-block;
    margin: 0;   
}

nav.topmenu a, nav.skymenu a {
    outline-style: none;
    border-image-width: 0px;
    border-style: none;
    color: gold;
    font-size: 12px;
    padding: 10px 12px;
    border: 0px;
    border-color: black;
}

nav.topmenu a:hover, nav.skymenu a:hover {
    border: 0px;
    border-style: none;
    text-decoration: none;
    color: dimgrey;
}

nav.flats card-text, nav.flats text-muted {
    outline-style: none;
    border-image-width: 0px;
    border-style: none;
    color: gold;
    font-size: 25px;
    padding: 10px 12px;
    border: 0px;
    border-color: black;
}

.text-muted {
    color: black !important;
    
}
/* SLIDER */
slider {
   max-width: 100%;
   height: auto
}

/* Menu BUTTONS */
div.butt1, div.butt2 {
    display: inline-flex; 
    justify-content: space-between;
    width: 100%;
}

nav.buttons {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav.buttons li {
    display: inline-block;
    margin: 10 15;    
}

div.butt1 img {
    border-image: 3px solid gold;
    /*
    border-radius: 5px;
    */
}
/* STOPKA */
/*
footer {
    justify-content: space-between;
    align-items: center;
    background-color: green;
}


footer p{
    margin: 0;
    padding: 10px 20px;
    color: red;
    font-size: 10px;
    font-weight: lighter;
    justify-content: space-between;
}
*/
.bottombar {
    padding: 0px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bottombar ul {
    list-style: none;
    background-color: black;    
    margin: 0;
    padding: 0;
}


.bottombar li {
    background-color: black;
    display: inline-block;
    margin: 0;   
}

.copyrights p {
    text-align: right;
    color: red
}
.copyrights a:hover {
    text-decoration: none;
    color: gold;
}
/*  MODAL - copyrights */
.modal {
    color: grey;
    font-size: 12px;  
}
/* FORMULARZE */

.row{
    display: flex;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}
 div#form_container h2, p{
     text-align: center;
     color: #dbdbdb;
     margin: 10px auto;   
}
 div#form_container {
     margin: 10px auto;  
}

/*    FORMULARZ KONTAKTOWY  */
form{
    width: 90%;
    margin: 30px auto;
    padding: 20px;
    background-color: #808080;
}

label {
    padding-left: 15px;
    font-size: 12px;
    color: gold;
}

small{
    padding-left: 15px;
    font-size: 10px;
    color: #efefef;
}
#form_mess{
    background-color: red;
    width: 60%;
    margin: 30px auto;
}
@media (max-width: 480px) {
	
	/* Header */
	header {
		flex-direction: column;
	}
	
	.brand {
		margin-bottom: 10px;
	}
	
	nav ul {
		text-align: center;
	}
	
	/* Main */
	main {
		flex-direction: column;
	}
}