body {
    background-color: black;
    width: 100%;
    margin: 0 auto;
}
.navbar {
    min-height: 100px;
	background-color: white;
}


.paragraph-1 {
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.8)), url(../img/b.jpg);
    background-size: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 765px;
}

.cols-1 {
    font-weight: 700;
    font-size: 48px;
    max-width: 500px;
}

.cols-2 {
    font-weight: 300;
    font-size: 26px;
    max-width: 400px;

}

.sss {
    position: relative;
    padding-top: 400px;
}

.arrow {
    margin-top: 80px;
    display: block;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.img-1 {
    background-image: url(../img/ec1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 817px;
}

.logo {
    display: block;
    height: 78px;
    width: 300px;	
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.text-1 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 50px;
	color: white;
	font-family: "Roboto-Bold", sans-serif;
}

.text-2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 50px;
	color: white;
	font-family: "Roboto-Bold", sans-serif;
}

.text-3 {
    font-size: 22px;
    font-weight: 700;
	color: white;
	font-family: "Roboto-Bold", sans-serif;
}

.text-text {
    font-weight: 700;
	color: white;
	font-family: "Roboto-Bold", sans-serif;
}

.text-5 {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 30px;
	color: #006666;
	font-family: "Roboto-Bold", sans-serif;
}

.text-6 {
    font-weight: 700;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 80px;
	color: white;
	font-family: "Roboto-Bold", sans-serif;
}

.par {
    margin-top: 130px;
}


.text-contact{
    font-size: 14px;
    margin-bottom: 50px;
	color: white;
	font-family: "Roboto-Bold", sans-serif;
}

.par-end {
    margin-bottom: 130px;
}

.small-text-normal {
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 40px;
	color: white;
	font-family: "Roboto-Regular", sans-serif;
}
.small-text {
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 40px;
	color: white;
	font-family: "Roboto-Bold", sans-serif;
}

.img {
    display: block;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.link {
    font-weight: 700;
}

.img-11 {
    position: relative;
    width: 440px;
    height: 220px;
}

.img-11::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 49%;
    height: 96%;
    background-image: url(../img/a1.jpg);
    background-size: cover;
    background-position: center;
}

.img-11::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 49%;
    height: 96%;
    background-image: url(../img/a2.jpg);
    background-size: cover;
    background-position: center;
}
.img-12 {
    position: relative;
    width: 440px;
    height: 220px;
}

.img-12::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 49%;
    height: 96%;
    background-image: url(../img/a3.jpg);
    background-size: cover;
    background-position: center;
}

.img-12::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 49%;
    height: 96%;
    background-image: url(../img/a4.jpg);
    background-size: cover;
    background-position: center;
}
.img-2 {
    background-image: url(../img/s21.jpg);
    background-size: no-repeat;
    background-position: center;
    background-size: cover;
    width: 450px;
    height: 450px;
}
.img-3 {
    background-image: url(../img/s22.jpg);
    background-size: no-repeat;
    background-position: center;
    background-size: cover;
    width: 450px;
    height: 450px;
}
.img-4 {
    background-image: url(../img/s23.jpg);
    background-size: no-repeat;
    background-position: center;	
    background-size: cover;
    width: 450px;
    height: 450px;
}
.img-5 {
    background-image: url(../img/s24.jpg);
    background-size: no-repeat;
    background-position: center;
    background-size: cover;
    width: 450px;
    height: 450px;
}
.img-6 {
    background-image: url(../img/s25.jpg);
    background-size: no-repeat;
    background-position: center;
    background-size: cover;
    width: 450px;
    height: 450px;
}



.img-41 {
    background-image: url(../img/s31.jpg);
    background-size: no-repeat;
    background-position: center;
    background-size: cover;
    width: 450px;
    height: 450px;
}
.img-42 {
    background-image: url(../img/s42.jpg);
    background-size: no-repeat;
    background-position: center;
    background-size: cover;
    width: 450px;
    height: 450px;
}
.img-43 {
    background-image: url(../img/s43.jpg);
    background-size: no-repeat;
    background-position: center;
    background-size: cover;
    width: 450px;
    height: 450px;
}
.img-44 {
    background-image: url(../img/s44.jpg);
    background-size: no-repeat;
    background-position: center;
    background-size: cover;
    width: 450px;
    height: 450px;
}


.img-51 {
    background-image: url(../img/s32.jpg);
    background-size: no-repeat;
    background-position: center;
    background-size: cover;
    width: 450px;
    height: 450px;
}
.img-52 {
    background-image: url(../img/s52.jpg);
    background-size: no-repeat;
    background-position: center;
    background-size: cover;
    width: 450px;
    height: 300px;
}
.img-53 {
    background-image: url(../img/s53.jpg);
    background-size: no-repeat;
    background-position: center;
    background-size: cover;
    width: 450px;
    height: 300px;
}
.img-54 {
    background-image: url(../img/s54.jpg);
    background-size: no-repeat;
    background-position: center;
    background-size: cover;
    width: 450px;
    height: 300px;
}
.img-55 {
    background-image: url(../img/s55.jpg);
    background-size: no-repeat;
    background-position: center;
    background-size: cover;
    width: 450px;
    height: 300px;
}


.img-61 {
    background-image: url(../img/s33.jpg);
    background-size: no-repeat;
    background-position: center;
    background-size: cover;
    width: 450px;
    height: 450px;
}
.img-62 {
    background-image: url(../img/s62.jpg);
    background-size: no-repeat;
    background-position: center;
    background-size: cover;
    width: 450px;
    height: 450px;
}


.img-71 {
    background-image: url(../img/s34.jpg);
    background-size: no-repeat;
    background-position: center;
    background-size: cover;
    width: 450px;
    height: 450px;
}
.img-72 {
    background-image: url(../img/s72.jpg);
    background-size: no-repeat;
    background-position: center;
    background-size: cover;
    width: 450px;
    height: 300px;
}
.img-73 {
    background-image: url(../img/s73.jpg);
    background-size: no-repeat;
    background-position: center;
    background-size: cover;
    width: 450px;
    height: 300px;
}
.img-74 {
    background-image: url(../img/s74.jpg);
    background-size: no-repeat;
    background-position: center;
    background-size: cover;
    width: 450px;
    height: 300px;
}
.img-75 {
    background-image: url(../img/s75.jpg);
    background-size: no-repeat;
    background-position: center;
    background-size: cover;
    width: 450px;
    height: 300px;
}
.img-76 {
    background-image: url(../img/s76.jpg);
    background-size: no-repeat;
    background-position: center;
    background-size: cover;
    width: 450px;
    height: 300px;
}

@font-face {
font-family: "Roboto-Bold"; 
src: url("../fonts/Roboto-Bold.ttf") format("truetype"); 
font-style: bold; 
font-weight: normal; 
} 
@font-face {
font-family: "Roboto-Regular"; 
src: url("../fonts/Roboto-Regular.ttf") format("truetype"); 
font-style: normal; 
font-weight: normal; 
}