.logo { margin-top: 8px;}
.logo img { width: 80px; height: 97.5px }

.primary-btn i { font-size: 150%}

.primary-btn i {
  color: #777;
  position: absolute;
  top: 55%;
  transform: translateY(-60%);
  right: 30px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.primary-btn:hover {
  background: #5E81EF;
  color: #fff;
}

.primary-btn:hover i {
  color: #fff;
  right: 20px;
}

.menu-bar i {
	font-size:24px;
}

.menu-bar i {
    font-family: 'Linearicons-Free';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.about-generic-area .border-top-generic {
	padding: 150px 15px;
}

.section-top-border.cv-area {
	padding: 150px 0;
}

.work-area {
	padding: 150px 0 50px;
}

.work-personal span { font-weight: bold;}

.work-area-2 {
	padding: 50px 0;
}

.attention {font-size: 80%; margin-top: 10px; margin-bottom: 30px}
.attention-2 {font-size: 100%; margin-top: 10px}
.work-title-1 {display: block; margin-bottom: 5px; padding: 0 0 0 10px}
.work-table-1 {border: 1px solid #666; padding: 10px;}
.work-table-2 {border-bottom: 1px solid #666; border-right: 1px solid #666; border-left: 1px solid #666;padding: 10px; margin-bottom: 30px;}
.work-table-1 span {font-size: 80%}

.work-table-child-1 {border-right: 1px solid #666; float: left}
table { width: 100%;}
tr {width: 100%; border-bottom: 1px solid #666;}
td {padding: 2%; width: 29%; border-right: 1px solid #666;}
td.b {padding: 2%; width: 21%; border-right: 1px solid #666;}
td.last, tr.last { border-right: none}
tr.last {border-bottom: none}

.work-table-3 {border: 1px solid #666; padding: 0;}

.att_last {margin-bottom: 50px}
.personal-b {margin-top: 30px}
.work-table-1.one, .work-table-2.one {width: 30%}
.work-table-2.one {margin-bottom: 5px;}
.studio-content span {font-weight: bold; display: block; margin-top: 10px}

.footer-widget-area .footer-nav li { font-size: 120%; line-height: 26px; color: #000}
h6.text-uppercase.mb-20 { font-size: 150%}
form#mailformpro dl dd ul li, form#mailformpro dl dd ol li {margin-bottom: 5px!important}
.font-small {font-size: 70%}
.font-small-personal {font-size: 80%; padding: 0 5px 20px 170px;}
.font-small-head {font-size: 90%; padding: 0 15px}
.kyuuyo { border: 0 solid rgba(21,128,156,1.00); padding: 15px; background: rgba(213,226,223,1.00) }

.section-gap.achivement-area {padding: 100px 0 50px 0}
.achivement-content a {
	color: rgba(60,151,244,1.00);
}

.map {display: block; margin-top: 30px}

@media (max-width: 768px) {
	.logo img { width: 60px; height: 73.125px}
	
	.section-top-border.cv-area {
	padding: 150px 0 70px;
	}
	.font-small-personal {font-size: 80%; padding: 0 10px 20px 10px;}
	textarea {
		width:100%;
	}
	input {width:100%}
	
	label {width: 100%}
	
	iframe {width: 100%}
	
	.mb-30 {
		margin-bottom: 80px;
	}
	.font-small { padding: 0 15px;}
	
	div#wrapper {
    padding: 120px 0 0;
	}
	.map {width: 100%;}
}


@media (max-width: 1000px){
div#wrapper {
    padding: 100px 0 0;
}
}