/*@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes *//*
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 *//*
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers *//*
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers *//*
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS *//*
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS *//*
}
*/
@font-face{
	font-family: 'myFont';
	src: url(../fonts/btf/BrandonTextWeb-Regular.woff) format('woff');
	font-style: normal;
}
@font-face{
	font-family: 'myFontBold';
	src: url(../fonts/btf/BrandonTextWeb-Bold.woff) format('woff');
	font-weight: bold;
}

@font-face{
	font-family: 'myFontMedium';
	src: url(../fonts/btf/BrandonTextWeb-Medium.woff) format('woff');
	font-weight: bold;
}

html,body{
	font-family: myFont,arial,sans-serif;
	color: #222;
	margin: 0px;
	padding: 0px;
}

.clearfix:after{
	clear: both;
	content: '';
	zoom:1;
}

header{
	padding: 50px 50px  0px;
	position: fixed;
	z-index: 1;
	width: 100%;
}

header .logo img{
	width: 85%;
	height: auto;
}

img {
    object-fit: cover;
}

#menu a{
	color: #888;
	font-weight: bold;
}

#menu a:hover{
	color: #000;
}

#menu li a:hover,#menu li a:active,#menu li a:focus{
 	background-color: transparent;
}

.navbar-header .navbar-toggle{
	border-color: #26c281;
}

.navbar-toggle .icon-bar{
	background: #26c281;
}

#cover, #cover-background {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#cover{
	position: fixed;
	background: url(../img/banner.png) no-repeat center center;
	background-size: cover;
}

#cover-background{
	position: absolute;
}

#cover-background img{
	width: 100%;
}

#cover-content {
    position: absolute;
    padding: 0 60px;
    width: calc(100% - 120px);
    top: calc(50% - 190px);
}

#cover-content h1{
	width: 720px;
	line-height: 48px;
	margin-bottom: 40px;
	font-family: myFontMedium;
}
#cover-content h1 small{
	color: #222;

}

strong {
    color: #26c281;
}


#cover-info{
	margin-bottom: 30px;
	font-family: myFontBold;
}

#cover-info .info-item{
	float: left;
	margin-right: 40px;
}

.info-caption{
	font-weight: 700;
    text-transform: uppercase;
    opacity: .5;
    margin-bottom: 10px;
     display: block;
}

#cover-info span{
	 display: block;
}

#cover-info .info-content{
	font-size: 18px;
}

.btn-cover{
	width: 240px;
    background: #26c281;
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 12px 0;
    font-family: inherit;
    font-weight: 500;
    font-size: 14px;
}

#content{
	position: relative;
	top: 565px;
    width: 100%;
    z-index: 10;
}

#content .cloud{
	height: 300px;
}

.cloud img{
	width: 100%;

}

#about{
	background: #fff;
    padding: 145px 60px;
}

#about h1{
	line-height: 54px;
	font-family: myFontMedium,arial;
}

#portfolio{
	position: relative;
	width: 100%;
	height: auto;
	background: #fff;
}
#portfolio h2.title{
	background: #26c281;
	color: #fff;
	margin: 0px;
	padding: 80px 0px;
	text-align: center;
}

.protfolio-background{
	width: 100%;
	height: 100%;
}
.dash-lines{
	position: absolute;
	top: 0px;
	width: 2px;
	height: 100%;
	border-left: 1px dashed rgba(255,255,255,0.2);
	box-shadow: inset 1px 0px 1px rgba(255,255,255,0.001);
}
#dl1{
	left: 10%;
}
#dl2{
	left: 30%;
}
#dl3{
	left: 50%;
}
#dl4{
	left: 70%;
}
#dl5{
	left: 90%;
}
.work{
	padding: 80px 148px;
	text-align: center;
}

#work1{
	background-color: #ff5c5c;
}

#work2{
	background-color: #28aadc;
	
}

#work3{
	background-color: #7353b1;
}

#work4{
	background-color: #243d55
}

.work-image,.work-image img{
	// float: right;
}
.work-content{
	padding: 40px;
	color: #fff;
	float: right;
	
}

.work-content .work-meta{
	font-size: 16px;
	text-transform: uppercase;
	font-family: myFontMedium,arial;
}

.work a{
	color: #fff;
	text-decoration: none;
	font-size: 32px;
	padding-bottom: 20px;
	display: block; 
	font-family: myFont,arial;
}

.work-content .work-descp{
	font-size: 20px;
	font-family: myFont,arial;
	text-align: justify;
}

.more-work{
	padding: 40px 60px 20px;
	background: #fff;
	margin:0px;
	font-family: myFontMedium,arial;
}

#skills{
	background-color: #fff;
	padding: 80px 60px;
}

#skills h1{
	font-family: myFontMedium, arial;
	margin-top: 0px;
}

#skills .skill-img{
	max-width: 100%;
	margin: 50px auto 0px;
	background: url(../img/Technologies.png) no-repeat;
	background-position: center;
	height: 340px;
	background-size: contain;
}

#skills .skill-img img{
		width: 100%;
		height: auto;
		object-fit: contain;
}

#contact{
	background-color: #293a4a;
	padding: 80px 60px 0;
	color: #fff;
}

#contact h1{
	margin-top: 0px;
    margin-bottom: 20px;
}

.contact-info{
	padding: 0px 15px;
	margin-top: 40px;
}
.contact-info .col-md-3{
	padding: 0px;
}

.contact-info-title{
	font-size: 24px;
}

.contact-info-content{
	font-size: 16px;
	color: rgba(255,255,255,0.8);
}

footer{
	position: relative;
	background-color: #fff;
	padding: 20px 60px;
	font-family: myFontMedium, arial;
}

footer .row{
	margin: 0px;
}

footer .col-md-7, footer .col-md-5, footer .col-md-8, footer .col-md-4{
	padding: 0px;
}
footer .logo{
	width: 180px;
	height: auto;
	display: inline-block;
}
footer .logo img{
	width: 100%;
	height: auto;
	object-fit: contain;
}

footer ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline-block;
}

footer ul li{
	display: inline-block;
}

footer ul li a{
	text-decoration: none;
	color: #888;
	font-size: 14px;
	margin-left: 30px;
	text-transform: uppercase;
	line-height: 34px;	
}

footer ul li a:hover {
    color: #000;
    text-decoration: none;
}

#footer-meta{
	color: #888;
}

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url(../img/up-arrow.png) no-repeat 8.8px 12px #26c281;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	cursor: pointer;
}

.modal-content{
	border-radius: 0px;
}
.modal-content p{
	font-size: 18px;
}
button.close{
	color: #fff;
	opacity: 1;
}
.modal-header{
	background: #7353b1;
	color: #fff;
}


.content-header{
  color:#fff;
}

.section-content{
  text-align: center; 

}
#contact-form{
  padding-top: 60px;
  background-color: #293a4a;
  color: #fff;
}
.contact-section{
  padding: 40px 0 80px;
}

.form-line{
  border-right: 1px solid #B29999;
}

.form-group{
  margin-top: 10px;
}
label{
  font-size: 1.3em;
  line-height: 1em;
  font-weight: normal;
  margin-bottom: 10px;
}
.form-control{
  font-size: 1.3em;
  color: #080808;
  background-color: transparent;
  border-radius: 0;
  outline: none;
  color: #fff;
}
textarea.form-control {
    height: 135px;
   /* margin-top: px;*/
}

.submit{
  font-size: 1.1em;
  float: right;
  width: 150px;
  background-color: transparent;
  color: #fff;

}

.submitting{
display:none;
}

#profiles {
	margin-bottom: 30px;
}
#profiles a{
	display: inline-block;
	margin-right: 10px;
}
.icons8-wordpress-filled {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIKICAgICB2aWV3Qm94PSIwIDAgNTAgNTAiCiAgICAgc3R5bGU9ImZpbGw6IzI2YzI4MTsiPiAgICA8cGF0aCBkPSJNMjUsMkMxMi4zMTcsMiwyLDEyLjMxOCwyLDI1czEwLjMxNywyMywyMywyM3MyMy0xMC4zMTgsMjMtMjNTMzcuNjgzLDIsMjUsMnogTTI1LDdjNC4yNiwwLDguMTY2LDEuNDg1LDExLjI0NywzLjk1NSBjLTAuOTU2LDAuNjM2LTEuNTQ3LDEuNzQtMS41NDcsMi45NDVjMCwxLjYsMC45LDMsMS45LDQuNmMwLjgsMS4zLDEuNiwzLDEuNiw1LjRjMCwxLjctMC41LDMuOC0xLjUsNi40bC0yLDYuNmwtNy4xLTIxLjIgYzEuMi0wLjEsMi4zLTAuMiwyLjMtMC4yYzEtMC4xLDAuOS0xLjYtMC4xLTEuNmMwLDAsMCwwLTAuMSwwYzAsMC0zLjIsMC4zLTUuMywwLjNjLTEuOSwwLTUuMi0wLjMtNS4yLTAuM3MwLDAtMC4xLDAgYy0xLDAtMS4xLDEuNi0wLjEsMS42YzAsMCwxLDAuMSwyLjEsMC4ybDMuMSw4LjRMMTkuOSwzN2wtNy4yLTIxLjRjMS4yLTAuMSwyLjMtMC4yLDIuMy0wLjJjMS0wLjEsMC45LTEuNi0wLjEtMS42YzAsMCwwLDAtMC4xLDAgYzAsMC0yLjE1MiwwLjIwMi00LjA4NSwwLjI3NEMxNC4wMDMsOS43OCwxOS4xNjgsNywyNSw3eiBNNywyNWMwLTEuOCwwLjI3MS0zLjUzNSwwLjc2Mi01LjE3NGw3LjQyNCwyMC4yNTYgQzEwLjI2MSwzNi44NzEsNywzMS4zMjMsNywyNXogTTE5LjY3OCw0Mi4yTDI1LDI2LjZsNS42ODUsMTUuNDcxQzI4Ljg5Nyw0Mi42NjUsMjYuOTg5LDQzLDI1LDQzIEMyMy4xNDcsNDMsMjEuMzYsNDIuNzE5LDE5LjY3OCw0Mi4yeiBNMzUuMzA0LDM5Ljc1TDM1LjMwNCwzOS43NUw0MC42LDI0LjRjMC43ODYtMiwxLjIxLTMuNzQyLDEuMzktNS4zMDQgQzQyLjYzMywyMC45NDcsNDMsMjIuOTI4LDQzLDI1QzQzLDMxLjExMSwzOS45NTQsMzYuNDk3LDM1LjMwNCwzOS43NXoiPjwvcGF0aD48L3N2Zz4=') 50% 50% no-repeat;
  background-size: 100%;
}
.icons8-github {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIKICAgICB2aWV3Qm94PSIwIDAgMjYgMjYiCiAgICAgc3R5bGU9ImZpbGw6IzI2YzI4MTsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMTMgMC4xODc1IEMgNS45MjU3ODEgMC4xODc1IDAuMTg3NSA1LjkyNTc4MSAwLjE4NzUgMTMgQyAwLjE4NzUgMjAuMDc0MjE5IDUuOTI1NzgxIDI1LjgxMjUgMTMgMjUuODEyNSBDIDIwLjA3NDIxOSAyNS44MTI1IDI1LjgxMjUgMjAuMDc0MjE5IDI1LjgxMjUgMTMgQyAyNS44MTI1IDUuOTI1NzgxIDIwLjA3NDIxOSAwLjE4NzUgMTMgMC4xODc1IFogTSAxMyAyLjE4NzUgQyAxOC45NjA5MzggMi4xODc1IDIzLjgxMjUgNy4wMzkwNjMgMjMuODEyNSAxMyBDIDIzLjgxMjUgMTMuNDY4NzUgMjMuNzc3MzQ0IDEzLjkyMTg3NSAyMy43MTg3NSAxNC4zNzUgQyAyMy41MTk1MzEgMTQuMzI0MjE5IDIyLjg5NDUzMSAxNC4xNjQwNjMgMjIuMjE4NzUgMTQuMTU2MjUgQyAyMS42MTMyODEgMTQuMTQ4NDM4IDIwLjg4NjcxOSAxNC4yNSAyMC41IDE0LjMxMjUgQyAyMC42MDE1NjMgMTMuODk4NDM4IDIwLjY4NzUgMTMuNDU3MDMxIDIwLjY4NzUgMTMgQyAyMC42ODc1IDExLjg1OTM3NSAyMC4yNTc4MTMgMTAuNzUgMTkuNSA5LjgxMjUgQyAxOS43ODEyNSA4LjkyOTY4OCAyMC4xNzE4NzUgNi45MjE4NzUgMTkuNDA2MjUgNi4xNTYyNSBDIDE3LjUzMTI1IDYuMTU2MjUgMTYuNDc2NTYzIDcuMzQ3NjU2IDE2LjI4MTI1IDcuNTkzNzUgQyAxNS40MjE4NzUgNy4yODEyNSAxNC40OTIxODggNy4xMjUgMTMuNSA3LjEyNSBDIDEyLjUzMTI1IDcuMTI1IDExLjU5Mzc1IDcuMjY1NjI1IDEwLjc1IDcuNTYyNSBDIDEwLjQ4ODI4MSA3LjI0NjA5NCA5LjQ1MzEyNSA2LjE1NjI1IDcuNjU2MjUgNi4xNTYyNSBDIDYuOTA2MjUgNi45MDYyNSA3LjI4MTI1IDguODM5ODQ0IDcuNTYyNSA5Ljc1IEMgNi43Njk1MzEgMTAuNzAzMTI1IDYuMzEyNSAxMS44MzIwMzEgNi4zMTI1IDEzIEMgNi4zMTI1IDEzLjQyOTY4OCA2LjM0NzY1NiAxMy44NTkzNzUgNi40Mzc1IDE0LjI1IEMgNi4xMDkzNzUgMTQuMjIyNjU2IDQuNzc3MzQ0IDE0LjEyNSA0LjI1IDE0LjEyNSBDIDMuNzIyNjU2IDE0LjEyNSAyLjg1NTQ2OSAxNC4yMzgyODEgMi4yODEyNSAxNC4zNzUgQyAyLjIyMjY1NiAxMy45MjE4NzUgMi4xODc1IDEzLjQ2ODc1IDIuMTg3NSAxMyBDIDIuMTg3NSA3LjAzOTA2MyA3LjAzOTA2MyAyLjE4NzUgMTMgMi4xODc1IFogTSA0LjI1IDE0LjM3NSBDIDQuNzY5NTMxIDE0LjM3NSA2LjM3MTA5NCAxNC41MTk1MzEgNi41MzEyNSAxNC41MzEyNSBDIDYuNTU4NTk0IDE0LjYyNSA2LjU4OTg0NCAxNC43MTg3NSA2LjYyNSAxNC44MTI1IEMgNi4wOTc2NTYgMTQuNzY5NTMxIDQuOTY4NzUgMTQuNjk1MzEzIDQuMjUgMTQuNzgxMjUgQyAzLjM3MTA5NCAxNC44ODY3MTkgMi43MjI2NTYgMTUuMjM0Mzc1IDIuNDY4NzUgMTUuMzc1IEMgMi40MTQwNjMgMTUuMTI4OTA2IDIuMzUxNTYzIDE0Ljg3NSAyLjMxMjUgMTQuNjI1IEMgMi44NjMyODEgMTQuNDk2MDk0IDMuNzYxNzE5IDE0LjM3NSA0LjI1IDE0LjM3NSBaIE0gMjIuMjE4NzUgMTQuNDA2MjUgQyAyMi44NzUgMTQuNDE0MDYzIDIzLjUxOTUzMSAxNC41NTQ2ODggMjMuNjg3NSAxNC41OTM3NSBDIDIzLjY3MTg3NSAxNC43MDcwMzEgMjMuNjQ0NTMxIDE0LjgyNDIxOSAyMy42MjUgMTQuOTM3NSBDIDIzLjUzOTA2MyAxNC45MTQwNjMgMjIuNzU3ODEzIDE0LjY3NTc4MSAyMS45Mzc1IDE0LjY1NjI1IEMgMjEuNTM1MTU2IDE0LjY0NDUzMSAyMC44OTg0MzggMTQuNzEwOTM4IDIwLjQwNjI1IDE0Ljc1IEMgMjAuNDI5Njg4IDE0LjY4NzUgMjAuNDQ5MjE5IDE0LjYyNSAyMC40Njg3NSAxNC41NjI1IEMgMjAuODA4NTk0IDE0LjUxNTYyNSAyMS42MTcxODggMTQuMzk4NDM4IDIyLjIxODc1IDE0LjQwNjI1IFogTSAyMS45MDYyNSAxNC45MDYyNSBDIDIyLjcwMzEyNSAxNC45MjU3ODEgMjMuNTQ2ODc1IDE1LjE3NTc4MSAyMy41OTM3NSAxNS4xODc1IEMgMjIuODU1NDY5IDE4Ljc3NzM0NCAyMC4zMzU5MzggMjEuNjk5MjE5IDE3IDIzLjAzMTI1IEwgMTcgMjEuMzEyNSBDIDE3IDIwLjIzMDQ2OSAxNi4zNTU0NjkgMTguODI0MjE5IDE1LjQzNzUgMTguMTI1IEMgMTguMDIzNDM4IDE3Ljc1MzkwNiAxOS42MzI4MTMgMTYuNjA5Mzc1IDIwLjMxMjUgMTUgQyAyMC43NzczNDQgMTQuOTYwOTM4IDIxLjQ4ODI4MSAxNC44OTQ1MzEgMjEuOTA2MjUgMTQuOTA2MjUgWiBNIDUuMDYyNSAxNSBDIDUuNzc3MzQ0IDE1LjAwMzkwNiA2LjQxNzk2OSAxNS4wMzkwNjMgNi43MTg3NSAxNS4wNjI1IEMgNy40MTQwNjMgMTYuNjM2NzE5IDkuMDExNzE5IDE3Ljc1NzgxMyAxMS41NjI1IDE4LjEyNSBDIDExLjI3MzQzOCAxOC4zNDc2NTYgMTEuMDAzOTA2IDE4LjYzNjcxOSAxMC43ODEyNSAxOC45Njg3NSBDIDEwLjc3MzQzOCAxOC45ODA0NjkgMTAuNzU3ODEzIDE4Ljk4ODI4MSAxMC43NSAxOSBDIDEwLjI1IDE5LjYwMTU2MyA5LjMxMjUgMTkuNTYyNSA4LjQzNzUgMTkuNTYyNSBDIDcuNTQyOTY5IDE5LjU2MjUgNy4wMDc4MTMgMTguODQ3NjU2IDYuNTMxMjUgMTguMjE4NzUgQyA2LjA1MDc4MSAxNy41OTM3NSA1LjQyNTc4MSAxNy41MzkwNjMgNS4wOTM3NSAxNy41IEMgNC43NjE3MTkgMTcuNDY0ODQ0IDQuNjcxODc1IDE3LjYzMjgxMyA0Ljg0Mzc1IDE3Ljc1IEMgNS44MTY0MDYgMTguNDMzNTk0IDYuMTk5MjE5IDE5LjI2OTUzMSA2LjU5Mzc1IDIwIEMgNi45NDkyMTkgMjAuNjU2MjUgNy42Nzk2ODggMjEgOC41IDIxIEwgMTAuMDMxMjUgMjEgQyAxMC4wMTk1MzEgMjEuMTAxNTYzIDEwIDIxLjIxNDg0NCAxMCAyMS4zMTI1IEwgMTAgMjMuMzc1IEMgNi4zMTY0MDYgMjIuMzEyNSAzLjQ2NDg0NCAxOS4zNTkzNzUgMi41MzEyNSAxNS42MjUgQyAyLjcyNjU2MyAxNS41MTU2MjUgMy40MTQwNjMgMTUuMTMyODEzIDQuMjgxMjUgMTUuMDMxMjUgQyA0LjQ4ODI4MSAxNS4wMDc4MTMgNC43NjU2MjUgMTUgNS4wNjI1IDE1IFogTSAxMy41IDIxIEMgMTMuNzc3MzQ0IDIxIDE0IDIxLjIyMjY1NiAxNCAyMS41IEwgMTQgMjMuNzUgQyAxMy42Njc5NjkgMjMuNzgxMjUgMTMuMzM5ODQ0IDIzLjgxMjUgMTMgMjMuODEyNSBMIDEzIDIxLjUgQyAxMyAyMS4yMjI2NTYgMTMuMjIyNjU2IDIxIDEzLjUgMjEgWiBNIDExLjUgMjEuNTkzNzUgQyAxMS43NzczNDQgMjEuNTkzNzUgMTIgMjEuODE2NDA2IDEyIDIyLjA5Mzc1IEwgMTIgMjMuNzUgQyAxMS42Njc5NjkgMjMuNzE4NzUgMTEuMzI0MjE5IDIzLjY4MzU5NCAxMSAyMy42MjUgTCAxMSAyMi4wOTM3NSBDIDExIDIxLjgxNjQwNiAxMS4yMjI2NTYgMjEuNTkzNzUgMTEuNSAyMS41OTM3NSBaIE0gMTUuNSAyMS41OTM3NSBDIDE1Ljc3NzM0NCAyMS41OTM3NSAxNiAyMS44MTY0MDYgMTYgMjIuMDkzNzUgTCAxNiAyMy4zNzUgQyAxNS42NzE4NzUgMjMuNDY4NzUgMTUuMzM5ODQ0IDIzLjU2MjUgMTUgMjMuNjI1IEwgMTUgMjIuMDkzNzUgQyAxNSAyMS44MTY0MDYgMTUuMjIyNjU2IDIxLjU5Mzc1IDE1LjUgMjEuNTkzNzUgWiAiPjwvcGF0aD48L2c+PC9zdmc+') 50% 50% no-repeat;
  background-size: 100%;
}

/* --------------------------------------
   Media Queries
   -------------------------------------- */

/* Large desktop */
@media (min-width: 1200px) {
	
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
	
}

/* Portrait & landscape phone */
@media (max-width: 480px) {
	header{
		position: absolute;
		padding: 0px;
	}
	header .navbar{
		background-color: #fff;
		padding-top: 10px;
	}

	header .logo img{
		padding-top: 5px;
		padding-left: 10px;
		width: 50%;
	}
	#cover {
	    position: relative;
	    opacity: 1!important;
	    height: auto;
	}
	#cover-background img{
		height: 100%;
	    width: auto;
	    position: absolute;
	    left: -189%;
	}

	#cover-content {
	    padding: 100px 10px 90px;
	    width: 100%;
	    position: relative;
	    top: 0;
	}	
	#cover-content h1{
		font-size: 24px;
		width: auto;
		margin-bottom: 20px;
	}

	.info-caption{
		font-weight: 700;
	    text-transform: uppercase;
	    opacity: .5;
	    margin-bottom: 5px;
	    display: block;
	    font-size: 10px;
	}

	#cover-info{
		margin-bottom: 10px;
	}
	
	#cover-info .info-content{
		font-size: 14px;

	}

	#cover-info .info-item {
    	margin-bottom: 20px;
    	margin-right: 10px;
	}

	#content {
		top:0px;
	}
	
	#content .cloud{
		display: none;
	}
	
	#portfolio h2.title{
		font-size: 24px;
	}
	#about {
		padding: 30px 10px 60px;
		text-align: justify;
	}
	#about h1 {
		font-size: 24px;
    	line-height: 32px;
    	margin-top: 0px;
	}

	.work {
    	padding: 40px 10px;
	}
	.work .col-md-6{
		padding: 0px;
	}
	.work-image,.work-content, .work-image img{
		float: none;
	}
	
	.work-image img{
		width: 100%;
		object-fit: contain;
		height: auto;
	}
	
	.work-content{
		margin-top: 30px;
	}

	.work-content .work-title{
		font-size: 36px;
		margin: 20px 0px;
	}

	.work-content .work-descp{
		font-size: 16px;
	}

	.more-work {
    	padding: 40px 10px 20px;
    	font-size: 24px;
	}

	#skills,#contact{
		padding: 50px 10px;
	}
	#skills .skill-img{
	margin: 50px 0px 0px;
	background: url(../img/Technologies_vertical.png) no-repeat;
	height: 850px;
	background-size: contain;
	}

	.contact-info-content{
		margin-bottom: 10px;
	}

	footer{
		padding: 30px 10px;
	}

	footer .logo{
		margin: 0px auto;
		display: block;
	}
	#footer-menu ul{
		margin: 10px auto 0px;
		display: block;
		text-align: center;
	}
	footer ul li a{
		margin-left: 5px;
		margin-right: 5px;
	}

	#footer-meta p{
		text-align: center;
		float: none!important;
		color: #000;
	}
    
    .icons8-wordpress-filled,.icons8-github {
		width: 26px;
		height: 26px;
	}


}