body {

margin:0px;
padding:0px;
}
.container {
	margin-top: 10px;
}
.row {
    margin-right: 0!important;
    margin-left: 0!important;
}

@font-face {
	font-family: "Cardo";
	src: url(../fonts/Cardo-Regular.ttf);
}
@font-face{
	font-family: "Arvo";
	src: url(../fonts/Arvo-Regular.ttf);
}
@font-face{
    font-family: "Montserrat";
    src: url(../fonts/Montserrat-Bold.otf);  /* .ttf  .eot*/  /* IE */ 
}
@font-face{
    font-family: "Verdana";
    src: url(../fonts/verdana.ttf);  /* .ttf  .eot*/  /* IE */ 
}
@font-face{
    font-family: "Verdana Bold";
    src: url(../fonts/verdanab.ttf);  /* .ttf  .eot*/  /* IE */ 
}

@font-face{
    font-family: "Corbel";
    src: url(../fonts/corbel.ttf);  /* .ttf  .eot*/  /* IE */ 
}

@font-face{
    font-family: "Josefin Sans";
    src: url(../fonts/JosefinSans-Regular.ttf);  /* .ttf  .eot*/  /* IE */ 
}
ul {
list-style-type: none!important;
}

/* MENU*/
.menu {
	position: fixed;
	margin-top: 0.1em;
	background-color: white;
	z-index: 1; /*menu in top of everything and fixed*/
    width: 100%;

}

/*GALERY */
.galery {
    margin-top: 9em; /* arange on small devices*/
}
 img {
    margin-top: 13px;
}
#active {
    color: #d9d9db!important;
}
.main_menu {
    padding-left: 0px;
    border-left-width: 37px;
    margin-left: 0px;
    width: 943px;
}
.main_menu ul li {
    text-decoration: none;
    display: inline-block;

}
.main_menu ul {
    padding-left: 494px;

}
.main_menu li {
    font-family: Verdana Bold;
    font-size: 1.9em;
    margin-right: 1em;
}
.second_menu ul {
    padding-left: 223px;
}
.second_menu ul li {
    text-decoration: none;
    display: inline-block;
    
}
.second_menu a {
    font-size: 87%;
    margin-right: 16px;
    
}
a {
    color: black!important;
    text-decoration: none!important;
}
/*end menu*/



/*PROJECT ARANGEMET*/

.project_title {
    margin-top: 10em;
    margin-bottom: 1.5em;
}
.project_title p {
    text-align: center;
    font-family: Arvo;
}
.project_title h1 {
    text-align: center;
    font-family: Montserrat;
    letter-spacing: 2px;

}
.roject_list ul {
    margin-top: 13px;
    list-style-type: none;
}
.project_list li {
    margin-bottom: 25px;
}
table {
    background-color: #d8d8d8!important;
}
td {
    padding-left: 18px;

}
.description {
    margin-top: 19px;
}
.description p {
    text-align: justify;
    font-size: 1.05vw; /*320x550->3.9vw , 768x550 -> 2.3vw, 1024x550 ->1.3vw, 1440x648->1.05vw */
    font-family: Arvo;
}

/* footer*/

.page-footer ul li {
    list-style-type: none;
    display: inline-block;
    margin-left: 10%;
    margin: 2%;
}

.copyR p {
    display: block;
    bottom: 0;
    font-family: Corbel;
    color: black!important;
    text-align: center;
    margin-bottom: 0px;
    position: fixed;
    bottom: 1px;

}



/* Smartphones (portrait and landscape) ----------- */

@media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px) {
    /* Styles */
    .description p {
    font-size: 4vw; /*, 768x550 -> 2.3vw, 1024x550 ->1.3vw, 1440x648->1.05vw */
}
    td {
        font-size: 2em!important;
        }
}
/* iPads (landscape) ----------- */

@media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : landscape) {
    /* Styles */
    .description p {
    font-size: 2.3vw; 
}
}
/* iPads (portrait) ----------- */

@media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : portrait) {
    /* Styles */
    .description p {
    font-size: 3.9vw!important; 
}
}

/* Desktops and laptops ----------- */

@media only screen  
    and (min-width : 1224px) {
    /* Styles */
.description p {
    font-size: 1.2vw; 
}
}

/* Large screens ----------- */
@media only screen  
    and (min-width : 1824px) {
    /* Styles */
    .description p {
    font-size: 1vw; 
}
    .container {
        max-width: 1824px!important;
    }
}