@font-face{
    font-family: 'Holiday';
    src: url('../fonts/holidayfree.woff2') format('woff2'),
         url('../fonts/holidayfree.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'SFlight';
    src: url('../fonts/sf-ui-text-light.woff2') format('woff2'),
         url('../fonts/sf-ui-text-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'SFlighter';
    src: url('../fonts/sf-ui-text-lighter.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'SFregular';
    src: url('../fonts/sf-ui-text-regular.woff2') format('woff2'),
         url('../fonts/sf-ui-text-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'SFsemibold';
    src: url('../fonts/sf-ui-text-semibold.woff2') format('woff2'),
         url('../fonts/sf-ui-text-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



a { text-decoration: none; 
}

a:link, a:visited{
	color:#CCCCCC;
}

img:hover{
    border-color:#008EFF;
}



body {
	border:0px;
	padding:0px;
	margin:0px;
    background-color:#fff;
	margin-right:auto;
	margin-left:auto;
}

.container {
	position:relative;
	max-width:1440px;
	border:0px;
	padding:0px;
    margin:0px;
	margin-right:auto;
	margin-left:auto;
    margin-bottom: 0px;
}

.splash {
    position:relative;
    width:100%;
	max-width:1440px;
    height:100vh;
	border:0px;
	padding:0px;
	margin-right:auto;
	margin-left:auto;
    background-color: blue;
    overflow:hidden;
}

.name {
	font-family:'SFsemibold', 'roboto', sans-serif;
	font-size:26px;
	font-weight:500;
	color:#353637;
    margin:60px 90px 0px;
}


.intro {
	font-family: 'Holiday', 'Comfortaa', 'Open Sans', sans-serif;
	font-size:33px;
    font-weight:300;
    letter-spacing:2px;
	line-height:90px;
	color:#353637;
    text-align: center;
    max-width: 780px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 185px 0px 76px 0px;
    margin-right:auto;
	margin-left:auto;
}

.intro_small {
	font-family: 'Comfortaa', 'Open Sans', sans-serif;
	font-size:26px;
    font-weight:300;
    letter-spacing:2px;
	line-height:60px;
	color:#353637;
    text-align: center;
    max-width: 780px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 185px 0px 76px 0px;
    margin-right:auto;
	margin-left:auto;
}

.contact {
    border:0px;
	padding:0px;
    margin:0px;
    margin: auto;
    text-align:center;
}

.medium {
    width:26px;
    height:26px;
    margin:0px 27px 0px;
}

.divider {
    border:0px;
	padding:0px;
    margin:170px 100px 0px 100px;
}


.left_container {
    display: block;
    width:50%;
    float:left;
    margin-right:-125px;
    margin-left: auto;
    height:32.5px;
}

.left_divider {
    display: block;
    margin-right:125px;
    height:32.5px;
    text-align:center;
}

.divider_title {
    display: inline-block;
    width:250px;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    height:32.5px;
    font-family: 'Roboto', 'Montserrat', sans-serif;
    font-weight:200;
	font-size:23px;
    letter-spacing:0.8px;
	color:#777777;
    text-align:center;
}
    
.right_container {
    display: block;
    width:50%;
    float:right;
    margin-left:-125px;
    margin-right: auto;
    height:32.5px; 
}

.right_divider {
    display: block;
    margin-left:125px;
    height:32.5px;
    text-align:center;
}

.divider_line {
	background:#d9d9d9;
	height:0.5px;
    margin-top:16px;
    margin-bottom:16px;
}




.company {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:26px;
	font-weight:500;
	color:#353637;
    margin:135px 0px 0px;
}

.company2 {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:26px;
	font-weight:500;
	color:#353637;
    margin:151px 0px 0px;
}

.portfolio_container {
    margin-right:100px;
    margin-left:100px;
}

.portfolio {
    position:relative;
	max-width:1178px;
	border:0px;
	padding:0px;
	margin-right:auto;
	margin-left:auto;
    margin-top:32px;
}

.even_portfolio {
    display: block;
    width:50%;
    float:left;
    margin-right:-34px;
    margin-top:68px;
    margin-left: auto;
}

.even_content {
    display: block;
    margin-right:34px;
    text-align:center;
    max-width:555px;
}

.odd_portfolio {
    display: block;
    width:50%;
    float:right;
    margin-left:-34px;
    margin-top:68px;
    margin-right: auto;
}

.odd_content {
    display: block;
    margin-left:34px;
    max-width:555px;
    text-align:center;
}

.portfolio_image {
    display: block;
    width:99%;
    max-width:555px;
    height: auto;
    padding:0.5px;
    border-color:#CCCCCC;
    border-width:0.5px;
    border-style: solid;
    overflow:hidden;
}

.clear {
    clear:both;
}




.footer {
    border:0px;
    padding:5px;
    margin-top:222px;
    height:50px;
    width:auto;
    background-color: #F5F7F8;
}

.small {
    width:25px;
    height:25px;
    margin:12.5px 25px 12.5px;
}






@media only screen and (min-width: 1500px) and (max-width: 1580px){
 
.intro {
	font-family: 'Holiday', sans-serif;
	font-size:33px;
    letter-spacing:2px;
	line-height:90px;
	color:#353637;
    text-align: center;
    max-width: 800px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 165px 0px 76px 0px;
    margin-right:auto;
	margin-left:auto;
}
    
.divider {
    border:0px;
	padding:0px;
    margin:150px 100px 0px 100px;
}

 
}






@media only screen and (min-width: 1300px) and (max-width: 1380px){
 

.intro {
	font-family: 'Holiday', sans-serif;
	font-size:33px;
    letter-spacing:2px;
	line-height:90px;
	color:#353637;
    text-align: center;
    max-width: 800px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 170px 0px 76px 0px;
    margin-right:auto;
	margin-left:auto;
} 

.divider {
    border:0px;
	padding:0px;
    margin:155px 100px 0px 100px;
}    

 
}






@media only screen and (min-width: 1000px) and (max-width: 1200px){
   
.company2 {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:26px;
	font-weight:500;
	color:#353637;
    margin:140px 0px 0px;
}

.even_portfolio {
    display: block;
    width:50%;
    float:left;
    margin-right:-25px;
    margin-top:50px;
    margin-left: auto;
}

.even_content {
    display: block;
    margin-right:25px;
    text-align:center;
    max-width:555px;
}

.odd_portfolio {
    display: block;
    width:50%;
    float:right;
    margin-left:-25px;
    margin-top:50px;
    margin-right: auto;
}

.odd_content {
    display: block;
    margin-left:25px;
    max-width:555px;
    text-align:center;
}
    
.portfolio_image {
    display: block;
    width:99%;
    max-width:555px;
    height: auto;
    padding:0.5px;
    border-color:#CCCCCC;
    border-width:0.5px;
    border-style: solid;
    overflow:hidden;
}
    
.footer {
    border:0px;
    padding:5px;
    margin-top:215px;
    height:50px;
    width:auto;
    background-color: #F5F7F8;
}

 
}






@media only screen and (min-width: 800px) and (max-width: 999px){
 
body {
	border:0px;
	padding:0px;
	margin:0px;
    background-color:#fff;
	margin-right:auto;
	margin-left:auto;
}

.container {
	position:relative;
	max-width:1440px;
	border:0px;
	padding:0px;
    margin:0px;
	margin-right:auto;
	margin-left:auto;
    margin-bottom: 0px;
}

.name {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:26px;
	font-weight:500;
	color:#353637;
    margin:60px 80px 0px;
}

.intro {
	font-family: 'Holiday', sans-serif;
	font-size:32px;
    letter-spacing:2px;
	line-height:90px;
	color:#353637;
    text-align: center;
    max-width: 700px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 185px 0px 76px 0px;
    margin-right:auto;
	margin-left:auto;
}

.contact {
    border:0px;
	padding:0px;
    margin:0px;
    margin: auto;
    text-align:center;
}
    
.medium {
    width:25px;
    height:25px;
    margin:0px 25px 0px;
}

    


.divider {
    border:0px;
	padding:0px;
    margin:170px 80px 0px 80px;
}

.left_container {
    display: block;
    width:50%;
    float:left;
    margin-right:-125px;
    margin-left: auto;
    height:32.5px;
}

.left_divider {
    display: block;
    margin-right:125px;
    height:32.5px;
    text-align:center;
}

.divider_title {
    display: inline-block;
    width:250px;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    height:32.5px;
    font-family: 'Roboto', 'Montserrat', sans-serif;
	font-size:23px;
    letter-spacing:0.5px;
	color:#696868;
    text-align:center;
}

.right_container {
    display: block;
    width:50%;
    float:right;
    margin-left:-125px;
    margin-right: auto;
    height:32.5px; 
}

.right_divider {
    display: block;
    margin-left:125px;
    height:32.5px;
    text-align:center;
}

.divider_line {
	background:#d9d9d9;
	height:0.5px;
    margin-top:16px;
    margin-bottom:16px;
}


    

.company {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:26px;
	font-weight:500;
	color:#353637;
    margin:120px 0px 0px;
}
    
.company2 {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:26px;
	font-weight:500;
	color:#353637;
    margin:130px 0px 0px;
}
   
.portfolio_container {
    margin-right:80px;
    margin-left:80px;
    overflow:hidden;
}
.portfolio {
    position:relative;
	max-width:1178px;
	border:0px;
	padding:0px;
	margin-right:auto;
	margin-left:auto;
    margin-top:32px;
}

.even_portfolio {
    display: block;
    width:100%;
    float:left;
    margin-right:auto;
    margin-left: auto;
    margin-top:75px;
}

.even_content {
    display: block;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    max-width:555px;
}

.odd_portfolio {
    display: block;
    width:100%;
    float:right;
    margin-left:auto;
    margin-right: auto;
    margin-top:75px;
}

.odd_content {
    display: block;
    margin-left:auto;
    margin-right:auto;
    max-width:555px;
    text-align:center;
}

.portfolio_image {
    display: block;
    width:99%;
    max-width:555px;
    height: auto;
    padding:0.5px;
    border-color:#CCCCCC;
    border-width:0.5px;
    border-style: solid;
    overflow:hidden;
}

.clear {
    clear:both;
}


    
    
.footer {
    border:0px;
    padding:5px;
    margin-top:205px;
    height:50px;
    width:auto;
    background-color: #F5F7F8;
}

.small {
    width:24px;
    height:24px;
    margin:12.5px 24px 12.5px;
}
    
    
}
    
    
    
    




@media only screen and (min-width: 720px) and (max-width: 799px){
 
    
body {
	border:0px;
	padding:0px;
	margin:0px;
    background-color:#fff;
	margin-right:auto;
	margin-left:auto;
}

.container {
	position:relative;
	max-width:1440px;
	border:0px;
	padding:0px;
    margin:0px;
	margin-right:auto;
	margin-left:auto;
    margin-bottom: 0px;
}

.name {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:26px;
	font-weight:500;
	color:#353637;
    margin:60px 80px 0px;
}

.intro {
	font-family: 'Holiday', sans-serif;
	font-size:31px;
    letter-spacing:2px;
	line-height:90px;
	color:#353637;
    text-align: center;
    max-width: 700px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 185px 0px 76px 0px;
    margin-right:auto;
	margin-left:auto;
}

.contact {
    border:0px;
	padding:0px;
    margin:0px;
    margin: auto;
    text-align:center;
}
 
.medium {
    width:25px;
    height:25px;
    margin:0px 25px 0px;
}





.divider {
    border:0px;
	padding:0px;
    margin:170px 80px 0px 80px;
}

.left_container {
    display: block;
    width:50%;
    float:left;
    margin-right:-125px;
    margin-left: auto;
    height:32.5px;
}

.left_divider {
    display: block;
    margin-right:125px;
    height:32.5px;
    text-align:center;
}

.divider_title {
    display: inline-block;
    width:250px;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    height:32.5px;
    font-family: 'Roboto', 'Montserrat', sans-serif;
	font-size:23px;
    letter-spacing:0.5px;
	color:#696868;
    text-align:center;
}

.right_container {
    display: block;
    width:50%;
    float:right;
    margin-left:-125px;
    margin-right: auto;
    height:32.5px; 
}

.right_divider {
    display: block;
    margin-left:125px;
    height:32.5px;
    text-align:center;
}


.divider_line {
	background:#d9d9d9;
	height:0.5px;
    margin-top:16px;
    margin-bottom:16px;
}



    
.company {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:26px;
	font-weight:500;
	color:#353637;
    margin:120px 0px 0px;
}
    
.company2 {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:26px;
	font-weight:500;
	color:#353637;
    margin:60px 0px 0px;
}

.portfolio_container {
    margin-right:80px;
    margin-left:80px;
    overflow:hidden;
}
.portfolio {
    position:relative;
	max-width:1178px;
	border:0px;
	padding:0px;
	margin-right:auto;
	margin-left:auto;
    margin-top:32px;
}

.even_portfolio {
    display: block;
    width:100%;
    float:left;
    margin-right:auto;
    margin-left: auto;
    margin-top:75px;
}

.even_content {
    display: block;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    max-width:555px;
}

.odd_portfolio {
    display: block;
    width:100%;
    float:right;
    margin-left:auto;
    margin-right: auto;
    margin-top:75px;
}

.odd_content {
    display: block;
    margin-left:auto;
    margin-right:auto;
    max-width:555px;
    text-align:center;
}
    
.portfolio_image {
    display: block;
    width:99%;
    max-width:555px;
    height: auto;
    padding:0.5px;
    border-color:#CCCCCC;
    border-width:0.5px;
    border-style: solid;
    overflow:hidden;
}

.clear {
    clear:both;
}

    
 
    
.footer {
    border:0px;
    padding:5px;
    margin-top:210px;
    height:48px;
    width:auto;
    background-color: #F5F7F8;
}

.small {
    width:23px;
    height:23px;
    margin:12.5px 23px 12.5px;
}
    
    
    
}
    






@media only screen and (min-width: 600px) and (max-width: 719px){

body {
	border:0px;
	padding:0px;
	margin:0px;
    background-color:#fff;
	margin-right:auto;
	margin-left:auto;
}

.container {
	position:relative;
	max-width:1440px;
	border:0px;
	padding:0px;
    margin:0px;
	margin-right:auto;
	margin-left:auto;
    margin-bottom: 0px;
}

.name {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:26px;
	font-weight:500;
	color:#353637;
    margin:60px 80px 0px;
}

.intro {
	font-family: 'Holiday', sans-serif;
	font-size:32px;
    letter-spacing:2px;
	line-height:90px;
	color:#353637;
    text-align: center;
    max-width: 480px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 175px 0px 85px 0px;
    margin-right:auto;
	margin-left:auto;
}

.contact {
    border:0px;
	padding:0px;
    margin:0px;
    margin: auto;
    text-align:center;
}
  
.medium {
    width:25px;
    height:25px;
    margin:0px 25px 0px;
}


    

.divider {
    border:0px;
	padding:0px;
    margin:170px 80px 0px 80px;
}

.left_container {
    display: block;
    width:50%;
    float:left;
    margin-right:-125px;
    margin-left: auto;
    height:32.5px;
}

.left_divider {
    display: block;
    margin-right:125px;
    height:32.5px;
    text-align:center;
}

.divider_title {
    display: inline-block;
    width:250px;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    height:32.5px;
    font-family: 'Roboto', 'Montserrat', sans-serif;
	font-size:23px;
    letter-spacing:0.5px;
	color:#696868;
    text-align:center;
}

.right_container {
    display: block;
    width:50%;
    float:right;
    margin-left:-125px;
    margin-right: auto;
    height:32.5px; 
}

.right_divider {
    display: block;
    margin-left:125px;
    height:32.5px;
    text-align:center;
}

.divider_line {
	background:#d9d9d9;
	height:0.5px;
    margin-top:16px;
    margin-bottom:16px;
}


    

.company {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:26px;
	font-weight:500;
	color:#353637;
    margin:120px 0px 0px;
}
    
.company2 {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:26px;
	font-weight:500;
	color:#353637;
    margin:60px 0px 0px;
}
   
.portfolio_container {
    margin-right:80px;
    margin-left:80px;
    overflow:hidden;
}
.portfolio {
    position:relative;
	max-width:1178px;
	border:0px;
	padding:0px;
	margin-right:auto;
	margin-left:auto;
    margin-top:32px;
}

.even_portfolio {
    display: block;
    width:100%;
    float:left;
    margin-right:auto;
    margin-left: auto;
    margin-top:75px;
}

.even_content {
    display: block;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    max-width:555px;
}

.odd_portfolio {
    display: block;
    width:100%;
    float:right;
    margin-left:auto;
    margin-right: auto;
    margin-top:75px;
}

.odd_content {
    display: block;
    margin-left:auto;
    margin-right:auto;
    max-width:555px;
    text-align:center;
}

.portfolio_image {
    display: block;
    width:99%;
    max-width:555px;
    height: auto;
    padding:0.5px;
    border-color:#CCCCCC;
    border-width:0.5px;
    border-style: solid;
    overflow:hidden;
}

.clear {
    clear:both;
}


    
    
.footer {
    border:0px;
    padding:5px;
    margin-top:210px;
    height:48px;
    width:auto;
    background-color: #F5F7F8;
}

.small {
    width:23px;
    height:23px;
    margin:12.5px 23px 12.5px;
}
    
    
}
  




@media only screen and (min-width: 490px) and (max-width: 599px){
    
body {
	border:0px;
	padding:0px;
	margin:0px;
    background-color:#fff;
	margin-right:auto;
	margin-left:auto;
}

.container {
	position:relative;
	max-width:1440px;
	border:0px;
	padding:0px;
    margin:0px;
	margin-right:auto;
	margin-left:auto;
    margin-bottom: 0px;
}

.name {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:25px;
	font-weight:500;
	color:#353637;
    margin:60px 65px 0px;
}

.intro {
	font-family: 'Holiday', sans-serif;
	font-size:31px;
    letter-spacing:2px;
	line-height:90px;
	color:#353637;
    text-align: center;
    max-width: 480px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 175px 0px 85px 0px;
    margin-right:auto;
	margin-left:auto;
}

.contact {
    border:0px;
	padding:0px;
    margin:0px;
    margin: auto;
    text-align:center;
}

.medium {
    width:25px;
    height:25px;
    margin:0px 25px 0px;
}




.divider {
    border:0px;
	padding:0px;
    margin:170px 65px 0px 65px;
}

.left_container {
    display: block;
    width:50%;
    float:left;
    margin-right:-125px;
    margin-left: auto;
    height:32.5px;
}

.left_divider {
    display: block;
    margin-right:125px;
    height:32.5px;
    text-align:center;
}

.divider_title {
    display: inline-block;
    width:250px;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    height:32.5px;
    font-family: 'Roboto', 'Montserrat', sans-serif;
	font-size:23px;
    letter-spacing:0.5px;
	color:#696868;
    text-align:center;
}

.right_container {
    display: block;
    width:50%;
    float:right;
    margin-left:-125px;
    margin-right: auto;
    height:32.5px; 
}

.right_divider {
    display: block;
    margin-left:125px;
    height:32.5px;
    text-align:center;
}

.divider_line {
	background:#d9d9d9;
	height:0.5px;
    margin-top:16px;
    margin-bottom:16px;
}


    

.company {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:25px;
	font-weight:500;
	color:#353637;
    margin:120px 0px 0px;
}
    
.company2 {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:25px;
	font-weight:500;
	color:#353637;
    margin:60px 0px 0px;
}
   
.portfolio_container {
    margin-right:65px;
    margin-left:65px;
    overflow:hidden;
}

.portfolio {
    position:relative;
	max-width:1178px;
	border:0px;
	padding:0px;
	margin-right:auto;
	margin-left:auto;
    margin-top:32px;
}

.even_portfolio {
    display: block;
    width:100%;
    float:left;
    margin-right:auto;
    margin-left: auto;
    margin-top:75px;
}

.even_content {
    display: block;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    max-width:555px;
}

.odd_portfolio {
    display: block;
    width:100%;
    float:right;
    margin-left:auto;
    margin-right: auto;
    margin-top:75px;
}

.odd_content {
    display: block;
    margin-left:auto;
    margin-right:auto;
    max-width:555px;
    text-align:center;
}
    
.portfolio_image {
    display: block;
    width:99%;
    max-width:555px;
    height: auto;
    padding:0.5px;
    border-color:#CCCCCC;
    border-width:0.5px;
    border-style: solid;
    overflow:hidden;
}
 
.clear {
    clear:both;
}



    
.footer {
    border:0px;
    padding:5px;
    margin-top:210px;
    height:48px;
    width:auto;
    background-color: #F5F7F8;
}

.small {
    width:23px;
    height:23px;
    margin:12.5px 23px 12.5px;
}

    
}

    





@media only screen and (min-width: 430px) and (max-width: 489px){

body {
	border:0px;
	padding:0px;
	margin:0px;
    background-color:#fff;
	margin-right:auto;
	margin-left:auto;
}

.container {
	position:relative;
	max-width:1440px;
	border:0px;
	padding:0px;
    margin:0px;
	margin-right:auto;
	margin-left:auto;
    margin-bottom: 0px;
}

.name {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:24px;
	font-weight:500;
	color:#353637;
    margin:40px 40px 0px;
}

.intro {
	font-family: 'Holiday', sans-serif;
	font-size:29px;
    letter-spacing:2px;
	line-height:90px;
	color:#353637;
    text-align: center;
    max-width: 480px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 155px 0px 85px 0px;
    margin-right:auto;
	margin-left:auto;
}

.contact {
    border:0px;
	padding:0px;
    margin:0px;
    margin: auto;
    text-align:center;
}

.medium {
    width:25px;
    height:25px;
    margin:0px 25px 0px;
}





.divider {
    border:0px;
	padding:0px;
    margin:150px 40px 0px 40px;
}

.left_container {
    display: block;
    width:50%;
    float:left;
    margin-right:-100px;
    margin-left: auto;
    height:32.5px;
}

.left_divider {
    display: block;
    margin-right:100px;
    height:32.5px;
    text-align:center;
}

.divider_title {
    display: inline-block;
    width:200px;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    height:32.5px;
    font-family: 'Roboto', 'Montserrat', sans-serif;
	font-size:22px;
    letter-spacing:0.5px;
	color:#696868;
    text-align:center;
}

.right_container {
    display: block;
    width:50%;
    float:right;
    margin-left:-100px;
    margin-right: auto;
    height:32.5px; 
}

.right_divider {
    display: block;
    margin-left:100px;
    height:32.5px;
    text-align:center;
}

.divider_line {
	background:#d9d9d9;
	height:0.5px;
    margin-top:16px;
    margin-bottom:16px;
}


    
    
.company {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:24px;
	font-weight:500;
	color:#353637;
    margin:120px 0px 0px;
}
    
.company2 {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:24px;
	font-weight:500;
	color:#353637;
    margin:60px 0px 0px;
}
   

.portfolio_container {
    margin-right:40px;
    margin-left:40px;
    overflow:hidden;
}
    
.portfolio {
    position:relative;
	max-width:1178px;
	border:0px;
	padding:0px;
	margin-right:auto;
	margin-left:auto;
    margin-top:32px;
}

.even_portfolio {
    display: block;
    width:100%;
    float:left;
    margin-right:auto;
    margin-left: auto;
    margin-top:75px;
}

.even_content {
    display: block;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    max-width:555px;
}

.odd_portfolio {
    display: block;
    width:100%;
    float:right;
    margin-left:auto;
    margin-right: auto;
    margin-top:75px;
}

.odd_content {
    display: block;
    margin-left:auto;
    margin-right:auto;
    max-width:555px;
    text-align:center;
}

.portfolio_image {
    display: block;
    width:99%;
    max-width:555px;
    height: auto;
    padding:0.5px;
    border-color:#CCCCCC;
    border-width:0.5px;
    border-style: solid;
    overflow:hidden;
}

.clear {
    clear:both;
}



    
.footer {
    border:0px;
    padding:5px;
    margin-top:195px;
    height:45px;
    width:auto;
    background-color: #F5F7F8;
}

 .small {
    width:23px;
    height:23px;
    margin:11px 23px 11px;
}

    
}






@media only screen and (min-width: 390px) and (max-width: 429px){


body {
	border:0px;
	padding:0px;
	margin:0px;
    background-color:#fff;
	margin-right:auto;
	margin-left:auto;
}

.container {
	position:relative;
	max-width:1440px;
	border:0px;
	padding:0px;
    margin:0px;
	margin-right:auto;
	margin-left:auto;
    margin-bottom: 0px;
}

.name {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:24px;
	font-weight:500;
	color:#353637;
    margin:40px 40px 0px;
}

.intro {
	font-family: 'Holiday', sans-serif;
	font-size:29px;
    letter-spacing:2px;
	line-height:85px;
	color:#353637;
    text-align: center;
    max-width: 90%;
    padding-left: 25px;
    padding-right: 35px;
    margin: 150px 0px 85px 0px;
    margin-right:auto;
	margin-left:auto;
}

.contact {
    border:0px;
	padding:0px;
    margin:0px;
    margin: auto;
    text-align:center;
}

.medium {
    width:25px;
    height:25px;
    margin:0px 25px 0px;
}


    

.divider {
    border:0px;
	padding:0px;
    margin:150px 25px 0px 25px;
}

.left_container {
    display: block;
    width:50%;
    float:left;
    margin-right:-100px;
    margin-left: auto;
    height:32.5px;
}

.left_divider {
    display: block;
    margin-right:100px;
    height:32.5px;
    text-align:center;
}

.divider_title {
    display: inline-block;
    width:200px;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    height:32.5px;
    font-family: 'Roboto', 'Montserrat', sans-serif;
	font-size:22px;
    letter-spacing:0.5px;
	color:#646464;
    text-align:center;
}

.right_container {
    display: block;
    width:50%;
    float:right;
    margin-left:-100px;
    margin-right: auto;
    height:32.5px; 
}

.right_divider {
    display: block;
    margin-left:100px;
    height:32.5px;
    text-align:center;
}

.divider_line {
	background:#9B9B9B;
	height:0.25px;
    margin-top:16px;
    margin-bottom:16px;
}

    
    

.company {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:24px;
	font-weight:500;
	color:#353637;
    margin:120px 0px 0px;
}
    
.company2 {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:24px;
	font-weight:500;
	color:#353637;
    margin:130px 0px 0px;
}
   
.portfolio_container {
    margin-right:25px;
    margin-left:25px;
    overflow:hidden;
}
    
.portfolio {
    position:relative;
	max-width:1178px;
	border:0px;
	padding:0px;
	margin-right:auto;
	margin-left:auto;
    margin-top:20px;
}

.even_portfolio {
    display: block;
    width:100%;
    float:left;
    margin-right:auto;
    margin-left: auto;
    margin-top:75px;
}

.even_content {
    display: block;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    max-width:555px;
}

.odd_portfolio {
    display: block;
    width:100%;
    float:right;
    margin-left:auto;
    margin-right: auto;
    margin-top:75px;
}

.odd_content {
    display: block;
    margin-left:auto;
    margin-right:auto;
    max-width:555px;
    text-align:center;
}

.portfolio_image {
    display: block;
    width:99%;
    max-width:555px;
    height: auto;
    padding:0.5px;
    border-color:#CCCCCC;
    border-width:0.5px;
    border-style: solid;
    overflow:hidden;
}

.clear {
    clear:both;
}



    
.footer {
    border:0px;
    padding:5px;
    margin-top:195px;
    height:40px;
    width:auto;
    background-color: #F5F7F8;
}

.small {
    width:23px;
    height:23px;
    margin:8.5px 23px 8.5px;
}

    
}







@media only screen and (min-width: 370px) and (max-width: 389px){

body {
	border:0px;
	padding:0px;
	margin:0px;
    background-color:#fff;
	margin-right:auto;
	margin-left:auto;
}

.container {
	position:relative;
	max-width:1440px;
	border:0px;
	padding:0px;
    margin:0px;
	margin-right:auto;
	margin-left:auto;
    margin-bottom: 0px;
}

.name {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:22px;
	font-weight:500;
	color:#353637;
    margin:35px 35px 0px;
}

.intro {
	font-family: 'Holiday', sans-serif;
	font-size:27px;
    letter-spacing:2px;
	line-height:85px;
	color:#353637;
    text-align: center;
    max-width: 90%;
    padding-left: 25px;
    padding-right: 35px;
    margin: 110px 0px 85px 0px;
    margin-right:auto;
	margin-left:auto;
}

.contact {
    border:0px;
	padding:0px;
    margin:0px;
    margin: auto;
    text-align:center;
}
 
.medium {
    width:25px;
    height:25px;
    margin:0px 25px 0px;
}




.divider {
    border:0px;
	padding:0px;
    margin:150px 25px 0px 25px;
}

.left_container {
    display: block;
    width:50%;
    float:left;
    margin-right:-100px;
    margin-left: auto;
    height:32.5px;
}

.left_divider {
    display: block;
    margin-right:100px;
    height:32.5px;
    text-align:center;
}

.divider_title {
    display: inline-block;
    width:200px;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    height:32.5px;
    font-family: 'Roboto', 'Montserrat', sans-serif;
	font-size:21px;
    letter-spacing:0.5px;
	color:#646464;
    text-align:center;
}

.right_container {
    display: block;
    width:50%;
    float:right;
    margin-left:-100px;
    margin-right: auto;
    height:32.5px; 
}

.right_divider {
    display: block;
    margin-left:100px;
    height:32.5px;
    text-align:center;
}


.divider_line {
	background:#9B9B9B;
	height:0.25px;
    margin-top:16px;
    margin-bottom:16px;
}

    

    
.company {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:22px;
	font-weight:500;
	color:#353637;
    margin:120px 0px 0px;
}
    
.company2 {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:22px;
	font-weight:500;
	color:#353637;
    margin:130px 0px 0px;
}

.portfolio_container {
    margin-right:25px;
    margin-left:25px;
    overflow:hidden;
}
    
.portfolio {
    position:relative;
	max-width:1178px;
	border:0px;
	padding:0px;
	margin-right:auto;
	margin-left:auto;
    margin-top:0px;
}

.even_portfolio {
    display: block;
    width:100%;
    float:left;
    margin-right:auto;
    margin-left: auto;
    margin-top:75px;
}

.even_content {
    display: block;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    max-width:555px;
}

.odd_portfolio {
    display: block;
    width:100%;
    float:right;
    margin-left:auto;
    margin-right: auto;
    margin-top:75px;
}

.odd_content {
    display: block;
    margin-left:auto;
    margin-right:auto;
    max-width:555px;
    text-align:center;
}
    
.portfolio_image {
    display: block;
    width:99%;
    max-width:555px;
    height: auto;
    padding:0.5px;
    border-color:#CCCCCC;
    border-width:0.5px;
    border-style: solid;
    overflow:hidden;
}

.clear {
    clear:both;
}



    
.footer {
    border:0px;
    padding:5px;
    margin-top:195px;
    height:40px;
    width:auto;
    background-color: #F5F7F8;
}

.small {
    width:23px;
    height:23px;
    margin:8.5px 23px 8.5px;
}

    
}


    
    


@media only screen and (min-width: 340px) and (max-width: 369px){

body {
	border:0px;
	padding:0px;
	margin:0px;
    background-color:#fff;
	margin-right:auto;
	margin-left:auto;
}

.container {
	position:relative;
	max-width:1440px;
	border:0px;
	padding:0px;
    margin:0px;
	margin-right:auto;
	margin-left:auto;
    margin-bottom: 0px;
}

.name {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:21px;
	font-weight:500;
	color:#353637;
    margin:35px 35px 0px;
}

.intro {
	font-family: 'Holiday', sans-serif;
	font-size:26px;
    letter-spacing:2px;
	line-height:85px;
	color:#353637;
    text-align: center;
    max-width: 90%;
    padding-left: 25px;
    padding-right: 35px;
    margin: 90px 0px 70px 0px;
    margin-right:auto;
	margin-left:auto;
}

.contact {
    border:0px;
	padding:0px;
    margin:0px;
    margin: auto;
    text-align:center;
}

.medium {
    width:24px;
    height:24px;
    margin:0px 24px 0px;
}





.divider {
    border:0px;
	padding:0px;
    margin:130px 25px 0px 25px;
}

.left_container {
    display: block;
    width:50%;
    float:left;
    margin-right:-100px;
    margin-left: auto;
    height:32.5px;
}

.left_divider {
    display: block;
    margin-right:100px;
    height:32.5px;
    text-align:center;
}

.divider_title {
    display: inline-block;
    width:200px;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    height:32.5px;
    font-family: 'Roboto', 'Montserrat', sans-serif;
	font-size:20px;
    letter-spacing:0.5px;
	color:#6464646;
    text-align:center;
}

.right_container {
    display: block;
    width:50%;
    float:right;
    margin-left:-100px;
    margin-right: auto;
    height:32.5px; 
}

.right_divider {
    display: block;
    margin-left:100px;
    height:32.5px;
    text-align:center;
}


.divider_line {
	background:#9B9B9B;
	height:0.25px;
    margin-top:16px;
    margin-bottom:16px;
}


.company {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:21px;
	font-weight:500;
	color:#353637;
    margin:120px 0px 0px;
}
    
.company2 {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:21px;
	font-weight:500;
	color:#353637;
    margin:130px 0px 0px;
}
   

.portfolio_container {
    margin-right:25px;
    margin-left:25px;
    overflow:hidden;
}
    
.portfolio {
    position:relative;
	max-width:1178px;
	border:0px;
	padding:0px;
	margin-right:auto;
	margin-left:auto;
    margin-top:0px;
}

.even_portfolio {
    display: block;
    width:100%;
    float:left;
    margin-right:auto;
    margin-left: auto;
    margin-top:75px;
}

.even_content {
    display: block;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    max-width:555px;
}

.odd_portfolio {
    display: block;
    width:100%;
    float:right;
    margin-left:auto;
    margin-right: auto;
    margin-top:75px;
}

.odd_content {
    display: block;
    margin-left:auto;
    margin-right:auto;
    max-width:555px;
    text-align:center;
}

.portfolio_image {
    display: block;
    width:99%;
    max-width:555px;
    height: auto;
    padding:0.5px;
    border-color:#CCCCCC;
    border-width:0.5px;
    border-style: solid;
    overflow:hidden;
}

.clear {
    clear:both;
}




    
.footer {
    border:0px;
    padding:5px;
    margin-top:180px;
    height:35px;
    width:auto;
    background-color: #F5F7F8;
}

 .small {
    width:22px;
    height:22px;
    margin:6.5px 22px 6.5px;
}
   
    
}







@media only screen and (min-width: 0px) and (max-width: 339px){

body {
	border:0px;
	padding:0px;
	margin:0px;
    background-color:#fff;
	margin-right:auto;
	margin-left:auto;
}

.container {
	position:relative;
	max-width:1440px;
	border:0px;
	padding:0px;
    margin:0px;
	margin-right:auto;
	margin-left:auto;
    margin-bottom: 0px;
}

.name {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:20px;
	font-weight:500;
	color:#353637;
    margin:30px 25px 0px;
}

.intro {
	font-family: 'Holiday', sans-serif;
	font-size:26px;
    letter-spacing:2px;
	line-height:65px;
	color:#353637;
    text-align: center;
    max-width: 98%;
    padding-left: 10px;
    padding-right: 10px;
    margin: 80px 0px 60px 0px;
    margin-right:auto;
	margin-left:auto;
}

.contact {
    border:0px;
	padding:0px;
    margin:0px;
    margin: auto;
    text-align:center;
}

.medium {
    width:23px;
    height:23px;
    margin:0px 23px 0px;
}




.divider {
    border:0px;
	padding:0px;
    margin:130px 25px 0px 25px;
}

.left_container {
    display: block;
    width:50%;
    float:left;
    margin-right:-83px;
    margin-left: auto;
    height:32.5px;
}

.left_divider {
    display: block;
    margin-right:83px;
    height:32.5px;
    text-align:center;
}

.divider_title {
    display: inline-block;
    width:166px;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    height:32.5px;
    font-family: 'Roboto', 'Montserrat', sans-serif;
	font-size:20px;
    letter-spacing:0.5px;
	color:#646464;
    text-align:center;
}

.right_container {
    display: block;
    width:50%;
    float:right;
    margin-left:-83px;
    margin-right: auto;
    height:32.5px; 
}

.right_divider {
    display: block;
    margin-left:83px;
    height:32.5px;
    text-align:center;
}


.divider_line {
	background:#9B9B9B;
	height:0.25px;
    margin-top:16px;
    margin-bottom:16px;
}


.company {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:20px;
	font-weight:500;
	color:#353637;
    margin:120px 0px 0px;
}
    
.company2 {
	font-family: 'SFsemibold', 'roboto', sans-serif;
	font-size:20px;
	font-weight:500;
	color:#353637;
    margin:130px 0px 0px;
}
   
.portfolio_container {
    margin-right:25px;
    margin-left:25px;
    overflow:hidden;
}
    
.portfolio {
    position:relative;
	max-width:1178px;
	border:0px;
	padding:0px;
	margin-right:auto;
	margin-left:auto;
    margin-top:0px;
}

.even_portfolio {
    display: block;
    width:100%;
    float:left;
    margin-right:auto;
    margin-left: auto;
    margin-top:75px;
}

.even_content {
    display: block;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    max-width:555px;
}

.odd_portfolio {
    display: block;
    width:100%;
    float:right;
    margin-left:auto;
    margin-right: auto;
    margin-top:75px;
}

.odd_content {
    display: block;
    margin-left:auto;
    margin-right:auto;
    max-width:555px;
    text-align:center;
}
    
.portfolio_image {
    display: block;
    width:99%;
    max-width:555px;
    height: auto;
    padding:0.5px;
    border-color:#CCCCCC;
    border-width:0.5px;
    border-style: solid;
    overflow:hidden;
}

.clear {
    clear:both;
}



    
.footer {
    border:0px;
    padding:5px;
    margin-top:160px;
    height:34px;
    width:auto;
    background-color: #F5F7F8;
}

.small {
    width:21px;
    height:21px;
    margin:6.5px 21px 6.5px;
}
  
    
}







/*iPhone X and XS - 375px 812px*/
@media only screen and (device-width: 375px) and (device-height: 812px){
    
.footer {
    border:0px;
    padding:5px;
    margin-top:195px;
    height:65px;
    width:auto;
    background-color: #F5F7F8;
}

}



/*iPhone XR and XS Max - 414px 896px*/
@media only screen and (device-width: 414px) and (device-height: 896px){

.intro {
	font-family: 'Holiday', sans-serif;
	font-size:29px;
    letter-spacing:2px;
	line-height:95px;
	color:#353637;
    text-align: center;
    max-width: 90%;
    padding-left: 25px;
    padding-right: 35px;
    margin: 160px 0px 95px 0px;
    margin-right:auto;
	margin-left:auto;
}

.footer {
    border:0px;
    padding:5px;
    margin-top:195px;
    height:65px;
    width:auto;
    background-color: #F5F7F8;
}

}
    


/*Other tall mobile devices- 414px 896px*/
@media only screen and (min-device-width: 40px) and (max-device-width: 450px) and (min-device-height: 830px) and (max-device-height: 1000px){
    
.intro {
	font-family: 'Holiday', sans-serif;
	font-size:29px;
    letter-spacing:2px;
	line-height:95px;
	color:#353637;
    text-align: center;
    max-width: 90%;
    padding-left: 25px;
    padding-right: 35px;
    margin: 155px 0px 95px 0px;
    margin-right:auto;
	margin-left:auto;
}

}



    
/*iPhone 6, 7, 8 Plus and similar - 414px 736px*/
@media only screen and (min-device-width: 390px) and (max-device-width: 429px) and (min-device-height: 700px) and (max-device-height: 790px){

.intro {
	font-family: 'Holiday', sans-serif;
	font-size:29px;
    letter-spacing:2px;
	line-height:90px;
	color:#353637;
    text-align: center;
    max-width: 480px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 105px 0px 85px 0px;
    margin-right:auto;
	margin-left:auto;
}
    
.footer {
    border:0px;
    padding:5px;
    margin-top:185px;
    height:40px;
    width:auto;
    background-color: #F5F7F8;
}

}


    
    
/*iPhone 6, 7, 8 and similar - 375px 667px*/
@media only screen and (min-device-width: 360px) and (max-device-width: 389px) and (min-device-height: 640px) and (max-device-height: 700px){
    
    
.intro {
	font-family: 'Holiday', sans-serif;
	font-size:27px;
    letter-spacing:2px;
	line-height:80px;
	color:#353637;
    text-align: center;
    max-width: 90%;
    padding-left: 25px;
    padding-right: 35px;
    margin: 70px 0px 60px 0px;
    margin-right:auto;
	margin-left:auto;
}

    
.footer {
    border:0px;
    padding:5px;
    margin-top:185px;
    height:40px;
    width:auto;
    background-color: #F5F7F8;
}
    
.divider {
    border:0px;
	padding:0px;
    margin:140px 25px 0px 25px;
}

}