/*normalize*/
html, 
body, 
form {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font: normal 16px "Segoe UI", Arial, sans-serif;
    color: #555555;
}

@media only screen and (min-width: 481px) and (max-width: 720px) {
    body {
        font-size: 18px;
    }
}

@media only screen and (max-width: 480px) {
    body {
        font-size: 20px;
    }
}
.abce {
    
    color:red;
}
.abced {
    color: red;
    padding-top:10px;
    margin-top:10px;
}
.wrapper { <!--
    from ww w . j ava 2 s. c o m--> width:1181px;
    margin: 0 auto;
    position: relative;
}

.portfolio {
    margin: 100px auto 39px auto;
}

    .portfolio ul {
        list-style-type: none;
        overflow: hidden;
        margin-left: 3px;
    }

        .portfolio ul li {
            float: left;
            margin-left: 6px;
            align-content:flex-start;
            padding-left:10px;
            padding-top:10px;
            margin-bottom: 63px;
            position: relative;
            display: block;
            overflow: hidden;
            width: 30%;
             
            height: 450px;
        }
            .portfolio ul li .portfolio_item {
                text-align: center;
                border: solid;
                width: 90%;
                height: 90%;
                border-width: 1px;
                border-radius: 25px;
                padding-top: 10px;
                padding-bottom: 10px;
            }

            .portfolio ul li .portfolio_item1 {
                text-align: left;
                
                width: 98%;
                display:inline-block;
                height: 40%;
                border-width: 1px;
                border-radius: 25px;
                padding-top: 0px;
                padding-left:5px;
                padding-bottom: 0px;
            }
            .portfolio ul li .portfolio_item2 {
                text-align: left;
                width: 100%;
                height: 50%;
                border-width: 1px;
                border-radius: 25px;
                padding-left: 5px;
                padding-top: 10px;
                padding-bottom: 10px;
            }


            .portfolio ul li .portfolio_item img {
                width: 100%;
                height: auto;
            }

@media screen and (max-width: 1180px) {
    .wrapper {
        width: 100%;
    }

    .portfolio ul {
        margin-left: 1.25423728813560%;
    }

        .portfolio ul li {
            margin-left: 1.25423728813560%;
            margin-bottom: 1.25423728813560%;
            width: 40.83050847457628%;
            height: auto;
        }
}

@media screen and (max-width: 800px) {
    .portfolio ul {
        text-align: center;
        margin: 0 auto;
    }

        .portfolio ul li {
            margin-bottom: 6.25423728813560%;
            width: 91%;
            height: auto;
            float: none;
        }
}
a {
  background: transparent;
}

img {
  border: 0;
}

button,
input {
  -webkit-appearance: none; 
  cursor: pointer; 
}

hr {
    border-width: 1px 0 0 0;
    border-color: #767676;
    border-style: solid;
}

.c {
    text-align: left;
    margin-top:50px;
    position:relative;
} 

/*typography*/
h1, h2, h3, h4, h5, h6 {
    line-height: normal;
}

h1, h2, h3 {
    font-weight: normal;
    margin: .2em 0;
}

h4, h5, h6 {
    font-weight: bold;
}

h1 {
    font-size: 2.25em;
}

h2 {
    font-size: 1.875em;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1.125em
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: .875em;
}

/*template*/
#wrapper .t-container-fluid {
    max-width: 100%;
}

#wrapper .RadButton {
    font-size: 1em;
}

#wrapper .RadMenu,
div.RadMenuPopup,
#wrapper .RadMenu_Default, #wrapper .RadMenu_Default a.rmLink  {
    font-size: 1em;
}