* {
    margin: 0;
    padding:0;
    box-sizing: border-box;
}

/***** reusable *****/
.row {
    width: 1340px;
    margin: 0 auto;
}

.heading-main h3 {
    text-align: center;
    font-size: 25px;
    margin-top: 80px;
}

.heading-main h3:after {
    content: "";
    display: block;
    width: 1100px;
    border-bottom: 2px solid  #002255ff;
    margin: 3px auto;
}

/***** header*******/
header {
    background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)),
    url("img/abstract.jpg");
    background-size: cover;
    height: 100vh;
} 

#logo img {
        width: 219px;
        position: fixed;
        top: 1.2%;
        background-color: white;
        margin-left: -47px;
}

nav ul{
    float: right;
    margin-top: 10px;
    padding-left: 770px;
    margin-left: 222px;
    position: fixed; 
    background-color: #fff;
    height: 80px;
    width: 1260px
}

nav ul li {
    display: inline-block;
    color: #002255ff;
    margin-left: 20px;
    margin-top: 30px;
}

nav ul li a:link,
nav ul li a:visited {
    color: #002255ff;
    font-size: 20px;
    text-decoration: none;
    border-bottom: 2px solid transparent;
}

nav ul li a:hover, 
nav ul li a:active {
    transition: border-bottom 0.5s;
    border-bottom: 2px solid #002255ff;
}

.header-text { 
    position: absolute;
    top: 50%;
    left: 33%;
    transform: translate(-50%,-50%);
}

.header-text h1 {
    color: #fff;
    font-size: 32px;
    text-transform: uppercase;
    letter-spacing: 2.2px;
    word-spacing: 3.5px;
}

.header-text h2 {
    color: #fff;
    font-size: 27px;
    text-transform: uppercase;
}

.btn {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    border: 1px solid#002255ff;
    border-radius: 10px;
    margin-top: 7px;
    padding: 5px 10px;
    letter-spacing: 1px;
}

.btn-full:link,
.btn-full:visited {
    background:  #002255ff;
}

.btn-full:hover,
.btn-full:active {
    transition: background 0.5s;
    background: #5f078e;
    border: 1px solid #2bebf3;
}

.btn-full2:link,
.btn-full2:visited {
    margin-left: 5px;
    background:   #002255ff;
}

.btn-full2:hover,
.btn-full2:active {
    transition: background 0.5s;
    margin-left: 5px;
    background: #5f078e;
    border: 1px solid #2bebf3;
}

.btn-empty:hover,
.btn-empty:visited {
    background: #f38405;
}

.btn-full2 {
    background:  #002255ff;
}

.btn-empty {
    margin-left: 5px;
}

.nazov {
    color: #002255ff;
    padding-bottom: 15px;
    margin-top: 30px; 
}
.nazov h2{
    margin-left: 500px;
}

p {
text-align: justify;
padding-bottom: 2px;
color: #002255ff;
}

/***** About us *******/

.dizajn-example img {
    width: 30%;
    border-radius: 10px;
    box-shadow: 4px 6px 10px #000;
}

.container {
    background-color: #fff;
    width: 1100px;
    height: 180px;
    margin: auto;
    margin-top: 30px;  
}

.container2 {
    background-color: #fff;
    width: 1300px;
    height: 630px;
    margin: auto;
    margin-top: 150px;
    padding: 40px;    
}

.heading-main2 h3 {
    text-align: center;
    font-size: 25px;
    margin-top: 0px;
}

.heading-main2 h3:after {
    content: "";
    display: block;
    width: 1220px;
    border-bottom: 2px solid  #002255ff;
    margin: 3px auto;
    margin-left: 5px;
}
.popis {
    color: #002255ff;
    padding: 10px;
    margin: 0px; 
}

/***** Kontakt *****/

.box {
    font-family: sans-serif;
    background:  #002255ff;
    background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),
    url("img/abstract.jpg");
}
.box {
    width: 300px;
    padding: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: transparent;
    text-align: center;  
}
.box h1 {
    color: #002255ff;
    text-transform: uppercase; 
    font-weight: 600px;  
}

.box h2 {
    margin-left: 500px;
}
#h2 { 
    color: #002255ff;
}
.box input[type="text"], .box input[type="email"], textarea{
    background:  #fff;
    display: block;
    margin: 20px auto;
    text-align: center;
    border: 2px solid #002255ff;
    padding: 15px 10px;
    width: 500px;
    height: 250px;
    color: #002255ff;
    border-radius: 24px;
    text-align: 30px;
    font-size: 15px;
    font-weight: bold;   
    outline: none;
}
.contaier3 {
    background-color: #002255ff;
    width: 1300px;
    height: 100px;
    margin: 0 auto;
}
.kontakt-left{
    float: left;
}
.kontak-rigt{
    float:left;
}